#🔍-threejs-inspector

Install: https://fwd.needle.tools/needle-threejs-chrome-extension

Launch Trailer: https://www.youtube.com/watch?v=zSFqZSqzGGw

great tool! it would be great to have a way to copy all changes made via inspector so i can feed it to cursor and it can make the changes to the code!

Absolutely! It's something we want to add too

how does one activate free camera mode

oh I suppose we just tweak the position/rotation values in the panel

yes or you click the camera icon in the top right panel (the headerbar)

this one here

free cam doesn't work in all projects, depends on how your website handles or blocks keyboard input and how complex your rendergraph is

really feels like im unveiling the curtain with this feature

any idea why I can't see the camera in this scene? https://wd-inc.jp/en

in the hierarchy

actually I suppose it doesn't make a difference

are you sure the background is a three.js scene?

the canvas doesnt have any three data attribute

that would make a lot of sense

Looks a bit like a video at the top and when you scroll down the scene gets active and renders the shadow effect

and some custom shader stuff

wait, how are you seeing the camera in the hierachy? its not showing up in mine

these two?

You don't see them?

I dont. maybe cause brave. but actually cause extension wasn't opening in my vanilla chrome. I have to run, will report back!

thanks for all your work btw

extension working on chrome for the three.js example sites, sorry to ring the alarm bell before

No worries. Thanks for the update. Let us know if you find any bugs or miss any features 🙂

Started working on support for export: https://x.com/marcel_wiessler/status/2002744050517164439

Property visibility depending on other props e.g. don't show wireframe settings when wireframe is OFF or hide stencil settings when StencilWrite is OFF

Hey there, is there glb/fbx animations inspector in the extension?

Not right now but at some point it hopefully will (it's on the list)

But you can drop your glb/fbx in https://viewer.needle.tools which has animation capabilities

awesome!

Experimenting with popout windows: https://x.com/marcel_wiessler/status/2006047370375524359

Interactive tooltips: https://x.com/marcel_wiessler/status/2006769926275739934

Properties update live by default! https://x.com/i/status/2008235613237948598

I've been using needle all day and I just wanted to thank you fine folks for putting the time in to make this. It is extremely helpful.

Now that I've got you all feeling good, I would LOVE to be able to drag the inspector windows around for cases where it's covering the thing I'm trying to inspect.

Or if there's other ways I can deal with that I'm all ears.

Thank you <@846130472223768616> happy to hear that!

And yes: I feel the same often times. Looking into some ideas, besides dragging them around there's a way to pop them into a separate window if that's also an option? Right now this state isn't saved anywhere but it could be (to always open in a separate window when you reload for example). Another cool trick i discovered is to then use the chrome splitview to basically combine both windows again into one (you can see this in the tweet above). Unfortunately this can't be done programmatically just yet. - Let me know what you think about that!

Let me know when you had a chance to try the pop out mode 🙂

Just tried it! That would be perfect for me on my dual monitor setup. Bummer that it doesn't persist through a refresh. That would be big for me since I'm refreshing a lot

I'm just one user, so take it for what it is, but I'd take the pain of covering the element I'm inspecting over the pain of popping my inspector out each time. And to be frank I don't have it covering my elements that often, so in those cases I'll just pop it out. So I'd file the drag/memory of the panel being popped out under 'nice to have'.

Thanks for your help!

Thanks for the feedback, good to know. I think it's one of the things I'd like to support either way (persisting the position/popout state should be easy to add without much extra maintenance work since it's something other usecases require as well - more to come 🙂 )

Another idea is that the inspector and hierarchy panels could be collapsed to the side and maybe auto open on hover.

Oh and regarding your original question: dragging panels and moving them around is also in the works. Currently only enabled for Assets and AIChat panels tho - but in the future I'd like this to be possible for hierarchy/inspector as well - maybe also some sort of layout or workspace behaviour where they can be grouped or snapped together.

A new update with better Event isolation among other improvements is submitted to the store https://x.com/i/status/2009307218215067942

<@846130472223768616> the next update will restore the popout window position 🙂

<@272528485732450305> I've only just met you - but I think I'm falling in love.

Thanks for the update!

It is already available and should update automatically.

Let me know what you think (one known issue is fly cam events will not work as expected in popout mode, will fix that in a future version)

https://x.com/i/status/2010756420476731508

Working on Blender-Style panels - let us know what you think

https://x.com/marcel_wiessler/status/2011499772322926901

https://x.com/marcel_wiessler/status/2015496812845502491

https://x.com/marcel_wiessler/status/2016895541133685101

Hi, I think I found an issue that by using needle inspector + needle mcp server + cursor with gemni 3 flash, it doesn't work. It seems to be only not working with gemni 3 flash, as described in https://forum.cursor.com/t/gemni-3-flash-stops-to-respond/150567

Gemni 3 Flash stops to respond

https://x.com/marcel_wiessler/status/2018287795580682345 https://x.com/marcel_wiessler/status/2018289142803710159

hi! when i try to export as an gltf, blender gives me an error and on the one glb reader that accepted it, it just shows a white square with flipped normals

Gltf export

https://x.com/marcel_wiessler/status/2021641866064875687

https://x.com/marcel_wiessler/status/2022326520312713616

https://x.com/i/status/2023079937302045163