https://github.com/stef-levesque/vscode-3dviewer
Preview 3D meshes in VSCode
https://github.com/stef-levesque/vscode-3dviewer
Last synced: 1 day ago
JSON representation
Preview 3D meshes in VSCode
- Host: GitHub
- URL: https://github.com/stef-levesque/vscode-3dviewer
- Owner: stef-levesque
- License: mit
- Created: 2017-11-13T06:10:53.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2024-01-03T10:22:38.000Z (over 1 year ago)
- Last Synced: 2024-08-02T20:48:04.420Z (9 months ago)
- Language: JavaScript
- Size: 11.5 MB
- Stars: 96
- Watchers: 5
- Forks: 22
- Open Issues: 19
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
- awesome - stef-levesque/vscode-3dviewer - Preview 3D meshes in VSCode (JavaScript)
README
# 3D Viewer for VSCode
## Description
Preview 3D models in VSCode
## Main Features
### Model Viewer
Support multiple formats:
* `3ds` 3D Studio Max
* `dae` Collada digital asset exchange
* `fbx` Filmbox
* `stl` STereo-Lithography
* `obj` Wavefront OBJ
Several parameters to tweak, like materials, rendering, transform
Play animations
Open models from disk or online
---
### THREE.js Editor
Use the [THREE.js editor](https://threejs.org/editor/) directly inside VSCode
## Commands
* From the context menu supported file in the explorer
* `Open in Editor`
* `Open in Viewer`
* From the command palette
* `Open THREE.js Editor`
* `Open URL in Viewer`
## Configuration
|Name |Type |Description
|---------------------------------|----------|------------
|`3dviewer.wireframe` |`boolean` |Display mesh in wireframe mode
|`3dviewer.background` |`string` |Set the default background color (e.g. '#8f8f8f')
|`3dviewer.boundingBox` |`boolean` |Display a bounding box around the model
|`3dviewer.grid` |`boolean` |Display a grid at the origin
|`3dviewer.gridSize` |`number` |Set the size of the grid
|`3dviewer.near` |`number` |Set the near plane distance
|`3dviewer.far` |`number` |Set the far plane distance
|`3dviewer.limitFps` |`number` |Set the max fps (use 0 for no limit)
|`3dviewer.hotReload` |`boolean` |Enable hot reload mode for viewer
|`3dviewer.hotReloadAutomatically`|`boolean` |Enable this to reload models without the question popup
## Contributing
1. Fork it!
2. Create your feature branch: `git checkout -b my-new-feature`
3. Commit your changes: `git commit -am 'Add some feature'`
4. Push to the branch: `git push origin my-new-feature`
5. Submit a pull request :D
## Requirements
Visual Studio Code v1.49.0
## Credits
* [Visual Studio Code](https://code.visualstudio.com/)
* [THREE.js](https://threejs.org)
* [dat.GUI](http://workshop.chromeexperiments.com/examples/gui/#1--Basic-Usage)
## License
[MIT](LICENSE.md)