extension ExtPose

Three.js Developer Tools

CRX id

ebpnegggocnnhleeicgljbedjkganaek-

Description from extension meta

Developer tools for 3D library three.js.

Image from store Three.js Developer Tools
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

  • (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.

Latest issues

  • (2020-01-25, v:0.3.1) Antti Moilanen: Export object (mesh) to .obj
    Could it be possible to add export button to objects?
  • (2019-10-10, v:0.1) Geoff: Verge3D support
    Tried with Verge3D content (uses three.js) and it just says waiting for scene even though there is a renderer canvas on the page. Plugin sounds like a great idea though and hope you can get it working without the user adding custom script.
  • (2019-07-13, v:0.1) Titansoftime: Waiting for a scene
    Perhaps I am doing something wrong but I just see a "Waiting for a scene and renderer to be observed..." screen in both my app and the official three.js examples after the extension prompts to reload the page.

Statistics

Installs
10,000 history
Category
Rating
4.5 (19 votes)
Last update / version
2020-07-27 / 0.4.0
Listing languages
en

Links