HTML is so back. Drag and vercel.com/drop

Fable 5. No external assets. Three.js. dc5fzrbo8ssfx.cloudfront.net…

I'm still not sure I'll keep the Snow lesson, but now the Stylized Nature Scene is growing on me.

Michelle is the perfect model to demonstrate the snow lesson. Maybe too distracting. I know it's hard to follow a lesson where there is something always moving.

Optimization can be tricky. Here’s how to go from drawing a few hundred trees to virtually unlimited in Three.js, step by step. This will be high level, but not so much that you can’t fill in the details. #threejs

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: github.com/ektogamat/r3f-web… 📦 NPM: npmjs.com/package/r3f-webgpu… Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Experimenting with @threejs to create a colourful particle explosion for the @Start_Digital Lab. Built using the GPUComputationRenderer, custom depth shaders and post processing. Demo: cullenwebber.github.io/three… Source code: github.com/cullenwebber/thre…

Another #threejs #tsl exercise ready to be written. Introducing physics using compute. It's the naive approach, but it runs 10000 spheres easily.

Liquid DOM is so beautiful, I hooked it up to my spotify for an experiment ✨

most people think three.js is for portfolios and product demos vectr uses it to sell industrial outage staffing b2b, high-stakes, nothing flashy about the category - and yet the site makes you scroll and understand three.js isn't decoration. it's communication mesh3d.gallery/website/vectr

A simulation of spontaneous urban generation I spent months developing over the past few years. Many thanks to the inspirations from: @shiffman @OskSta @RaftCat @vanevery @prisonerjohn @bruno_simon

Is this Blender Cycles? Nope, it's @threejs with @WebGPU 🚀! Got inspired by @dangreenheck EZ Tree (eztree.dev/). Take a look at it; it's awesome! Next step is to see if SSGI makes a difference.

As promised, here's the breakdown/tutorial for this TSL #threejs effect based on the Igloo Inc website. youtube.com/watch?v=iO-P2gEu… If this helps, give me some love on my YouTube channel with a like and and sub ❤️ Repo is in the YT description Preview: hologram-particles.vercel.ap…

working on some simulated corals reefs using #tsl compute shaders, I think I got the simulation somehow right. I vibe-coded this in @omma_ai, it was useful for the prototype to generate the models as well with a prompt. I am trying to replicate the anemone whre the clown fish lives, will need some more polish on the rendering then we're there ✌️

It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.

🌫️ Dubai gets fog maybe a dozen mornings a year, and Adrian (@adrianredcom) built a website around that exact moment. 🔗 webgpu.com/showcase/burj-kha… #threejs #GaussianSplatting #WebGL #dubai #burjkhalifa

Three.js Water Pro is making Subnautica in the browser a real possibility. Rewrote the lighting model so light reflecting off the ocean floor is now refracted and attenuated based on real-world physics. Still can't believe what a difference it makes🤯

City Scan Demo and Source Code: codepen.io/sabosugi/full/dPO… #threejs #webgl #shader

Netex 0.3.0 is now out ~ 🧭 - New Console tab with live logs a JS prompt - HTML5 fullscreen with orientation lock support - Network shows in-flight requests github.com/mrdoob/netex/rele…

My Three.js TSL shader course — Fragments — is open for registration until the end of May! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.