Marcel Wiessler

Tester feedback to the three.js chrome extension

#threejs #tool #webdev #inspector

#r3f

The @threejs.org chrome extension is making lots of progress. #threejs #webgl #webdev #r3f #needle

Some recent videos:

Trying out a code view

#threejs #webdev

Working on inspection and editing tools for #threejs (Needle Engine, R3F, vanilla, Spline, model-viewer). Early screenshots below, UI has already improved :) Everything is undo-able and is/will be AI compatible.

#webdev

needle-tools/needle-tiny: SeeThrough Component, USDZ Upgrades & Raycast Control - Needle Radio Updates for needle-tools/needle-tiny include a powerful new SeeThrough component, a refactored USDZ exporter, and granular raycasting controls for enhanced interactivity and physics.

needle.tv/episode/need...

YouTube video by Needle Needle Engine 4.11.0 Features — See-Through Objects, Drop Models, Framer Plugin... #threejs #webdev

youtu.be/x6pby1_j3s0?...

Needle Engine Scrollytelling Bike Demo Demo for Scrollfollow and ViewBox Components in Needle Engine 4.10. Visit https://needle.tools to get started

Needle Engine 4.10 is available!

Demo page: scrollytelling-bike-z23hmxb2gnu5a.needle.run

Project files: github.com/needle-engin...

Release: github.com/needle-tools...

#threejs #webdev

Progress #threejs @needletools.bsky.social

Still wip but getting closer #threejs

@needletools.bsky.social #threejs

I'm very excited for this to land in Needle Engine.
It makes responsive timeline animations super easy and artist friendly. You can visually setup view-boxes + control animation based on HTML elements on screen.

We still have some work to do until it's ready but it's already very promising! #three

New sample and components in Needle Engine 4.9: engine.needle.tools/samples/scro...

#threejs #webdev #webdesign #animation

Awesome to see our three example-PRs land in Three.js 180 💚🙏

- Animation Pointer threejs.org/examples/web...
- glTF progressive threejs.org/examples/web...
- FastHDR threejs.org/examples/web...

@needletools.bsky.social

Just a moment of nostalgia

github.com/needle-tools...

YouTube video by Needle 10x faster than EXR for everyone using three.js — FastHDR vs EXR Comparison

Fast-HDR environments are now available

For @threejs.org, Needle Engine and react-three-fiber

→ www.youtube.com/watch?v=z_w3...

→ cloud.needle.tools/hdris

Some recent paintings... Last one (the frog) just finishing up. All #gouache. I'm glad i started doing this again - to process feelings or to calm down.

YouTube video by Needle Devlog #9 | Needle Engine 4.6 | Postprocessing, Antialiasing, Needle Cloud

New Needle devlog: youtu.be/XLWt_C63hAI?...

Noted! Thanks for the feedback

Meet Rondo - a tool to design round shapes and objects in the browser in realtime.

rondo.needle.run

#threejs #webgl

New tutorial is live:
Advanced Materials with three.js and Unity - Clearcoat and Sheen

youtu.be/TIxmFPPs3-Q?...

@threejs.org #webdev

And here's unthrottled + disc caching

In the video everything is throttled to 4G + disabled caching

THIS is why you want progressive #gltf loading

#threejs #webgl #webdev #madewithneedle

New side project: needle.tv

#oss github repo weekly updates as shortform audio

Exactly my thoughts. Beautiful view but my legs would shake

Happy weekend

#threejs #webgl #madewithneedle

We made a couple tutorial videos today about next-gen materials in @threejs.org and Needle Engine ✨

Video coming soon!

#rendering #webdev #webgl #3dweb