CRX id
ebpnegggocnnhleeicgljbedjkganaek
ebpnegggocnnhleeicgljbedjkganaek
Description from extension meta
Developer tools for 3D library three.js.
Image from store
Description from store
Developer tools for 3D library three.js.
Currently supports inspection of three.js scenes and renderers. While currently an early alpha stage, a handful of features are supported:
* Inspect the scene graph
* Inspect objects, materials, textures
* View renderer info
* Modify entity values via developer tools
Latest reviews
- (2022-02-02) Gnana Sai: very useful for thee.js developers Thank you
- (2021-05-16) Cyril Antoni: I just got started with ThreeJS and this tool is very useful to tinker around with the lights' colors and the meshes! The only difficulty in getting started is to know where to put the extension's observer code. I put it at the end of the animate function like so: function animate() { requestAnimationFrame(animate); // ... renderer.render(scene, camera); // Observe a scene or a renderer if (typeof __THREE_DEVTOOLS__ !== "undefined") { __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent("observe", { detail: scene }) ); __THREE_DEVTOOLS__.dispatchEvent( new CustomEvent("observe", { detail: renderer }) ); } } And then you just have to open the "three" tab in the Chrome Devtool. Enjoy!
- (2021-05-13) Chris Scavongelli: Very lightweight / not many features, but certainly better than nothing (I am shocked there is no native option similar to the editor on threejs.org, like A-Frame has via CMD + OPT + i?). Installation is not straightforward, so if you're stuck: Step 1 - Follow instructions under "Current API" (https://github.com/threejs/three-devtools) You'll need to add that code to your page (rename the variables according to your logic), or run it manually via console. Step 2 - Restart Chrome
- (2021-02-25) Костя Чудный: nice tool, thanks!
- (2020-12-27) Addison van den Hoeven: This is awesome, so much easier to noodle around now.
- (2020-09-09) Thomas Caserta: Works so much better than the other threejs devtools. No problems here, not sure why people are saying it's disabled or doesn't work on the current version of chrome (unless the extension updated since). Just need to make sure you follow the instructions to notify the extension of your scenes/renderer etc.
- (2020-09-08) Cihad Turhan: Not working, it's disabled on chrome.
- (2020-07-20) Gary Ratcliffe: Doesn't work with the current version of Chrome
- (2020-03-31) kevin doo: very good! It's helpful.
- (2020-01-07) Miguel Alão: Simply brilliant
- (2019-12-15) 你是春眠我是晓: good works ,thanks
- (2019-11-08) Kirk Layer: Thank you very much!
- (2019-08-13) Supyrb GbR: Works great (r107)
- (2019-07-09) Michael Herzog: The ideal tool for three.js devs.