A Visual Studio Code extension that provides a built-in viewer for GLB (GL Binary) files. This extension allows you to preview and interact with 3D models directly within VS Code.
Features
Preview GLB files directly in VS Code
Automatic file association with .glb files
Interactive 3D model viewing
DRACO support
KTX2 support (GPU Texture Compression)
Hierarchy, Animations, Textures and Info panels
Play and stop individual animations
Visualize textures, their name and resolution at a glance
Download textures if needed
Get a quick general understanding of the number of geometries, vertices, materials, textures, animations, etc.
Camera will focus on the object you click on
Copy to properties to clipboard with a single click
Extension settings to customize the viewer (double side, normal lines, vectors, etc.)
Start development mode:
Inside vscode with the folder open, press F5 to start the extension. This will open a new window with the extension running.
Under the hood, it will run the yarn start command. That builds and watches for changes in the src/ folder.
Build
To build the extension:
yarn build
Packaging
To package the extension into a VSIX file for distribution:
Install the VSCE (Visual Studio Code Extensions) tool globally:
npm install -g @vscode/vsce
Make sure your extension is built:
yarn build
Package the extension:
vsce package
This will create a .vsix file in your project directory. You can then:
Install it locally by running code --install-extension ohzi-vscode-glb-viewer-1.0.0.vsix
Upload it to the VS Code Marketplace for public distribution
Share it directly with other users for manual installation
Note: If you plan to publish to the VS Code Marketplace, you'll need to: