Needle

🌵Creating for the 3D web made easy | Mirror +

[🌵 Marcel Wiessler @marcel_wiessler]

Adding hierarchy preview tooltips to Needle Inspector

#threejs @NeedleTools #ux #webdev

[🌵 Marcel Wiessler @marcel_wiessler]

@NeedleTools Here's a bit more with some small UX improvements already :) editing while AI responses are streaming in for example and some overlays didn't respect screen edges correctly yet.

[🌵 Marcel Wiessler @marcel_wiessler]

@NeedleTools Well that works already better than expected!!!

Opened https://t.co/RGBLculx80 and asked for shader controls. Found another UX problem which I will fix next but I'm already super happy with this!

[🌵 Marcel Wiessler @marcel_wiessler]

Teaching Needle Inspector new tricks!

In the next version the AI will be able to show inline editing tools (complete with undo/picking/...)

https://t.co/QKWQ22fKCW

@NeedleTools #threejs #webdev

[🌵 Marcel Wiessler @marcel_wiessler]

We built a fun little side project:
Agent Theater 🎭

Tell an AI agent a story and watch it build a paper stage, cast the characters, and put on a show. You can jump in and direct alongside it!

https://t.co/7wISfgcczY

Read more below 🧵

@NeedleTools @hybridherbst #WebMCP

[🌵 Marcel Wiessler @marcel_wiessler]

WOA this is so cool! Did you know that Mesh Baker can voxelize meshes WITH animation? You get a minecraft style block character!

We also just added a direct AI chat integration that can interact with all the features! Super easy and fun to discover and play around

https://t.co/jxuLaSuvJI

#threejs @NeedleTools

[🌵 Marcel Wiessler @marcel_wiessler]

Needle Inspector 2.7.3 is out!

Now with camera timeline clips to create multi-shot videos and experimental recording clips to record and download videos

Get it at https://t.co/QKWQ22fKCW

#threejs @NeedleTools #webdev #animation

[🌵 Marcel Wiessler @marcel_wiessler]

Day 2 of Needle Inspector for ChatGPT and we're almost ready!

I feel very excied about the whole editor work: the foundation is good, the UX works well and it's easy to adapt to whatever platforms we need - everything is AI ready, accessible for both human and machine. Soon in your hands!

@NeedleTools #threejs #webdev #chatgpt @OpenAIDevs #ai

[herbst @hybridherbst]

What if... rigging and skinning were effortless

Solving skin weights, IK chains, deformation, floor contacts, volumes, … on the GPU, with @threejs

[Miles @Selim_Slami]

just finished the new character model in @threejs, went from 1m5 triangles to 20k.
@NeedleTools helped in the process so thanks to their great product :)

[🌵 Marcel Wiessler @marcel_wiessler]

Three.js camera animation is now live in Needle Inspector

→ Physical camera motion
→ Visual path editing
→ Ripple + multi-selection editing & scaling

@NeedleTools

[herbst @hybridherbst]

Woooow I was actually looking into automatic rigging but look what happened!

Feels kinda like puppetwarp but for 3D – so fun! Works on heavy AI meshes too

[herbst @hybridherbst]

You can now make Hull Meshes in Mesh Baker!

These are low-poly wraps around your mesh, super useful for visual effects work like auras, ice, force fields and stuff

All VFX shaders done in @threejs TSL 🪄

[🌵 Marcel Wiessler @marcel_wiessler]

Alright – It's time to bring Needle Inspector into animation-land! 🎬

The first usecase will focus on making it easy to create cool camera animations! This will lay the foundation for proper animation tools beyond cameras! I'm very excited to finally start working on this!

@NeedleTools #threejs #animation #webdev

[🌵 Marcel Wiessler @marcel_wiessler]

New in Needle Inspector 2.6

TLDR:
- Much improved free fly camera (persistence, render above, fullscreen, checkerboard backgrounds, pass inspection)
- Save & restore your edits on local or remote websites
- Better popout inspector window per website
- Hierarchy UX and performance improvements

Videos and more in 🧵

#threejs #webdev @NeedleTools #rendering #ux #chrome

[herbst @hybridherbst]

Nice, our @NeedleTools Mesh Baker just takes 10 seconds for the same mesh (Jerome was so nice to share it!)

And you can refine the geometry in realtime until you like it!

→ https://t.co/WgYMeRGUnI

[herbst @hybridherbst]

It's that time of the year – Apple again uses @threejs for their new iPhone Duo, and we can learn a lot from how they did it!

And now, we have the mighty @NeedleTools Inspector, the swiss army knife for understanding and editing 3D scenes on the web 🦾

Let's take a look!

1/12

[🌵 Marcel Wiessler @marcel_wiessler]

Ever had an issue where HTML UI was ontop of your 3D scene that you wanted to inspect or edit?

It certainly bugged me a lot!
So this issue will be solved soon. Needle Inspector is learning to put the canvas in it's own CSS layer so it renders above any HTML.

(Notice the shopify HTML overlays and texts disappearing when enabling FreeCamera)

#threejs @needletools

[🌵 Marcel Wiessler @marcel_wiessler]

I'm very happy to see this working!!

What if you could save and reload your changes made in Needle Inspector?

Or apply them to your local project?

Or give them to your favorite agent to apply?

#threejs #webdev #webgl

[🌵 Marcel Wiessler @marcel_wiessler]

100% local 3D mesh gen right in your browser, #WebMCP ready, plays well with ChatGPT and can be used in any #threejs project.

Generating this model took ~3 minutes.

https://t.co/jxuLaSuvJI