TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js... Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇show more

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js... Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmapshow more

What's strange to me is that there's a bunch... of really sick visual experiments being achieved with Three.js /tsl, but very few actual games. This is one of the best ones I've seen so far.. Give me more examples!show more

Can Fable write good TypeGPU code? I’d say so,... but make sure to use the TypeGPU skill, written by yours truly: It made a pretty nice generic horde game from scratch, no engine involved. Assets by the amazing Kay Lousberg: I paid for one of the packs and I encourage you to do the same. No better time to support 3D artists :Dshow more

Testing the upcoming Mesh-to-Splat tool from Three.js Blocks 👀... It’ll be available through the three-blocks CLI, Blender add-on, and Cinema 4D add-on, with support for both 3DGS and 4DGS. And yes… Three.js Blocks will be back in just a few days :)show more

Sticky just got a pretty big upgrade ✨ You... can now export images and 60fps video, use your own custom stickers, including video stickers if you’re into that kind of thing, plus performance is up to 10x faster Stick it → Built with Forge and three.js WebGPU via react-three-fiber (TSL shaders).show more

If you want to see a technical breakdown of... the 35mm website, I wrote a blog post on Codrops where I detail the Three.js/shaders code ! It's live on Codrops🔗⬇️show more

A painting reborn as data. At Revelium™ Studio with... the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

Runs smoothly on mobile! 👏 It was awesome seeing... Voicu Apostol’s original render come to life like this over the past weeks, and being able to play with it in real time. If you’re interested in shaders and how they can naturally fit into a JS/TS codebase, try out TypeGPU 💜show more

More coming soon ! I manage to integrate for... the first time volumetric 3D video made with Kartel.ai inside the AI world generated in gaussian splatting by World Labs !! I coded all in three.js! And it's possible to integrate elements on the fly ;) And so you can imagine soon what we will produce with that en AI : consistency of character and environment, relighting etc...show more

I asked Fable to build a realistic AAA water... simulation with Three.js to see if I should quit my job. 500k tokens later, I'm disappointed. Almost the same exact slop you get with Opus. (Fable on left, Three.js Water Pro on right). Good results still require taste, deep knowledge of the problem domain, and a lot of patience.show more

Aaaaand we won 🎉 Huge thanks to everyone who... voted for us :D We celebrated in the only reasonable way - by making a TypeGPU example with a 3D model of the award inside the venue where we received itshow more

I always wondered "What if I port my three.js... game to Rust? Will it improve performance?" I finally ported it to both Rust Desktop and Rust WASM (that runs on the browser) Comparing the three.js version with the Rust desktop I had a clear winner: Rust desktop. But now I took the time to port it to the web using Web Assembly (WASM) And my conclusion is... A tie! Both versions averaged 42FPS (60FPS if running one at a time) So if your goal is to ship a web game, it doesn't even matter the tech you use. (Three.js is recommended because the ecossystem is huge though) As long you optmize well (Web workers, reduce triangles, draw calls, etc) you should be good to go. But in the event you want to ship a native game to publish on Steam a system language (Rust, C++, etc) will be better for you. Now I want to port the three.js game to Desktop using Electron and see the results. I'll let you know. Btw, I'm open to new freelance projects. If you have anything for me, my DMs are open!show more

Adding 3D to your Bolt app is super easy... now with Three.js! You can use it to make games, add visualizations to your site, or just make the logo spin - with a single prompt!show more

Draw GLSL flowers with your cursor! 🌺 One full-screen... plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtoolshow more

Continuing with architecture explorations, I made an adaptive micro... apartment in 3D with Claude Opus 5.5 using Three.js + TSL. The apartment transforms with the rhythm of the day, shifting from workspace to kitchen, entertaining space, and finally a bedroom at night.show more

A quick Three.js experiment exploring an infinite carousel of... liquid glass tiles, rendered in real time with WebGPU and TSL. Each card is a thick refractive slab sitting on a curved grid that never ends. Short explanation of how the glass is rendered in the thread 👇show more

really enjoying the little Three.js golden age we're in,... but I find raw prompting against a super tedious so: I added a three.js adapter to popmelt so I can tag objects right inside the scene and chat with sol about them directly. MUCH more fun to play in 3d when I can touch and talk at the same time also added omp support because seemingly everyone's using it and I got curious (it's okay! diehards: would love to know how it changed your life)show more

Another year, another basement.studio x Vercel collaboration. We created... the Next.js and ShipAi Conf websites and added a 3D badge generator using the AI SDK & Three.js You can now register to generate your own! Congrats to the entire team that shipped this 🚀show more

If I had to choose one thing to do,... it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shadersshow more

✨ Glyph v0.1.0 coming out party ✨ The typography... engine for the web. Finally, text that looks like it came from a native app in your web pipeline. → gpu-first with batched drawing and incremental updates → bitmap, mtsdf and slug in one engine → correct multilingual text, shaping, bidi, cjk, ligatures, font fallback → paragraphs that wrap, justify, flow around shapes and 3d objects → one font pipeline for three.js, R3F, typegpu or your own renderershow more