Skip to content

shipilovden/glb-viewer-for-vc-code

 
 

Repository files navigation

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

  1. Build the extension:
corepack yarn build
  1. Package it:
corepack yarn create-package
  1. In VS Code, run Extensions: Install from VSIX...
  2. Select the generated .vsix file

For Development

  1. Install dependencies:
corepack yarn install
  1. Build the extension:
corepack yarn build
  1. Open this repository in VS Code
  2. Press F5
  3. In the Extension Development Host, open a .glb or .gltf file

Publish To Marketplace

  1. Make sure the publisher in package.json matches your Marketplace publisher
  2. Login:
npx @vscode/vsce login <publisher-name>
  1. Publish:
corepack yarn publish-extension

License

MIT. See LICENSE.md.

About

Core functionality of glTF/GLB Viewer.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • JavaScript 76.0%
  • SCSS 9.4%
  • Pug 7.7%
  • HTML 6.9%