Three-tools by BACE
Developer tools for 3D library three.js.
New Features
Check out our new features!
Development
Developed by Emily Bae, Katie Ahn, Alyssa Chew, Karl Eden (BACE)
Frontend Tech Stack
JavaScript/HTML/CSS, LitElement, three.js, egjs
Backend Tech Stack
JavaScript, Webextension Browser-Polyfill, Chrome API
Three-tools: The Perfect Solution to Your Three.js Bugs
Trouble debugging your three.js code? Use Three-tools!
- Integrates Seamlessly With Other Chrome DevTools
- Instantly See Your Three.js Objects and Alter Their Properties
Best Developer Tool for Three.js
View Scenes, 3D Objects, Cameras, Geometries, Textures and Materials!
- Added Camera Properties
- Ability to save transform properties for scene entities
Three-tools has Easy Debugging Features.
Now compatible with Chrome and the latest version of three.js
Updated Scene and Camera Display
- List camera properties
- Click to Select by Name/Type/UUID
- Support for all camera types
Search Functionality
- Search by UUID, Name, or Type
- View and edit properties without traversing through the tree
- Search in Scenes, Textures, Materials and Geometries!
UI/UX Updates
- Hide / Show Toggle
- Updated icons
- Additional Buttons
Caching Properties
- Save Transform Properties of a Scene
- Display that data in a popup + the console
- **Store in a database for future reference
