https://github.com/create3000/x_ite-vscode

Preview and Debug X3D, VRML, glTF and Other 3D Models Directly in the Editor
https://github.com/create3000/x_ite-vscode

3d gltf2 models ply stl svg viewer vrml vscode vscode-extension wavefront-obj wrl x3d x3d-browser

Last synced: 27 days ago
JSON representation

Preview and Debug X3D, VRML, glTF and Other 3D Models Directly in the Editor

• Host: GitHub
• URL: https://github.com/create3000/x_ite-vscode
• Owner: create3000
• License: mit
• Created: 2024-10-01T13:50:33.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2026-03-30T09:51:06.000Z (2 months ago)
• Last Synced: 2026-03-30T11:37:51.117Z (2 months ago)
• Topics: 3d, gltf2, models, ply, stl, svg, viewer, vrml, vscode, vscode-extension, wavefront-obj, wrl, x3d, x3d-browser
• Language: JavaScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=create3000.x-ite-vscode
• Size: 2.55 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# X_ITE VS Code Extension

[![VS Code marketplace](https://img.shields.io/static/v1?label=VS%20Code%20Marketplace&message=x-ite-vscode&color=blue)](https://marketplace.visualstudio.com/items?itemName=create3000.x-ite-vscode)

[![Open VSX Registry](https://img.shields.io/static/v1?label=Open%20VSX%20Registry&message=x-ite-vscode&color=c160ef)](https://open-vsx.org/extension/create3000/x-ite-vscode)

[![DeepScan grade](https://deepscan.io/api/teams/23540/projects/28575/branches/920521/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=23540&pid=28575&bid=920521)

This extension integrates the [X_ITE X3D Browser](https://create3000.github.io/x_ite/) into VS Code and compatible editors.

## Preview and Debug X3D, VRML, glTF and Other 3D Models Directly in the Editor

![X3D Logo Pieces](images/logo-pieces.png)

There is a command name: `X3D: Preview 3D Model`, with default key binding for Windows: CTRL + ALT + X, and for macOS: COMMAND + OPTION + X.

The above model and other sample models can be obtained from the X_ITE [media](https://github.com/create3000/media/tree/main/docs/examples) repository.

With this extension you can preview 3D files in X_ITE. A new VS Code column is opened with the file preview.

## Supported File Formats

| Encoding         | File Extension | MIME Type         |

|------------------|----------------|-------------------|

| X3D XML          | .x3d, .x3dz    | model/x3d+xml     |

| X3D JSON         | .x3dj, .x3djz  | model/x3d+json    |

| X3D Classic VRML | .x3dv, .x3dvz  | model/x3d+vrml    |

| VRML 2.0         | .wrl, .wrz     | model/vrml        |

| glTF             | .gltf, .glb    | model/gltf+json   |

| VRM              | .vrm           | model/vrm         |

| Wavefront OBJ    | .obj           | model/obj         |

| STL              | .stl           | model/stl         |

| PLY              | .ply           | model/ply         |

| SVG Document     | .svg, .svgz    | image/svg+xml     |

## Console Output

Console messages from the preview are redirected to the Output panel of VS Code when you switch to the 'X_ITE' channel.

![Output](images/output.png)

## License

This software is licensed under the [MIT License](LICENSE.md).

## See Also

* [X3D Syntax Highlighting](https://marketplace.visualstudio.com/items?itemName=create3000.x3d-vscode-syntax-highlighting)

* [X_ITE VS Code Formatter](https://marketplace.visualstudio.com/items?itemName=create3000.x-ite-vscode-formatter)