Documentation

Features

View All Features and Documentation

Documentation

Our documentation provides an in-depth explanation of our key features.

GitHub

Create new branches and open pull requests to contribute. Check out our contribution policy outlined in our GitHub repository!

Reload the page the extension. This will solve most problems.

Exit out of chrome devtools inspector and re-enter.

Ensure your page utilizes three.js entities outside of iframes. Three-tools will not recognize three.js objects inside iframes or work on pages without three.js entities. The most simple fix is to use an HTML page.

Chrome extension has a bug where "h" cannot be typed into our extensions searchbar. Use shift + "h" instead.

Troubleshooting Common Problems

Don't hesitate to contact us with any issues!

Make Three.js Debugging Easy

Comprehensive overview of three.js elements, their properties and rendering information

Scene & Camera Panel

  • View Scene and Camera Properties
  • Edit Scene and Entity Properties
  • Save and Render Transform Data
  • Toggle Visibility & Search By Entity

Geometries, Materials and Textures Panels

  • View Geometry, Material and Texture Properties
  • Edit Select Properties
  • Toggle Visibility & Search By Entity

Renderer Panel

  • View Renderer Info
  • View Renderer Memory Info
  • View & Edit WebGLRenderer Info

Download Three-tools Today!

Clone our github repository and "load unpacked" in Chrome to start!

  • Product support
  • Chrome compatible
  • Latest Three.js version