GLB Viewer + UV Editor for VS Code
Fork of the original GLB / GLTF Viewer with a major new focus: editing UV layouts directly inside VS Code.
This project keeps the strong model viewer foundation of the original extension and extends it into a practical UV workflow with layered decals, crop tools, paint tools, masks, and live texture preview on the 3D model.
Fork Notice
This extension is a fork and continuation of the original work by OHZI Interactive Studio.
Huge thanks to the original authors for building the viewer foundation that made this evolution possible.
Original project links:
What Makes This Fork Different
The main goal of this fork is not only to inspect models, but to make UV work possible directly inside VS Code.
Added focus in this fork:
- UV layout inspection inside a dedicated 2D editor
- moving, scaling, rotating, and transforming UV-related layers
- multi-layer decal workflow
- image loading directly into the UV editor
- crop tools, including circular crop
- eyedropper, brush, eraser, softness, and mask painting
- live texture composition preview on the model
- export and edited model save flow
- RU / EN interface support
Core Features
- open
.glb and .gltf files in a custom VS Code editor
- inspect hierarchy, materials, textures, geometries, animations, and model info
- preview textures and model structure without leaving VS Code
- open a dedicated
UV Editor panel
- view UV layouts over the base map or checker/grid background
- move, scale, rotate, crop, paint, and mask decal layers
- preview the UV result live on the 3D model
- export composed textures and save edited GLB output
Main UV Features
- multi-layer decal workflow
- per-layer visibility, solo, lock, duplicate, rename, opacity, and ordering
- floating UV preview window
- wheel zoom and RMB/MMB pan
- transform handles from corners and sides
- rectangular and circular crop
- eyedropper, brush, eraser, softness, and mask painting
- local undo / redo and persisted editor state
Maintainer
Maintained and extended by Denis Shipilov.
Links:
Install Locally
From VSIX
- Build the extension:
corepack yarn build
- Package it:
corepack yarn create-package
- In VS Code, run
Extensions: Install from VSIX...
- Select the generated
.vsix file
For Development
- Install dependencies:
corepack yarn install
- Build the extension:
corepack yarn build
- Open this repository in VS Code
- Press
F5
- In the Extension Development Host, open a
.glb or .gltf file
Publish To Marketplace
- Make sure the
publisher in package.json matches your Marketplace publisher
- Login:
npx @vscode/vsce login <publisher-name>
- Publish:
corepack yarn publish-extension
License
MIT. See LICENSE.md.
| |