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

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

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

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

I built an entire 3D editor this past weekend... with -- using natural language 🤯 Powered by React, Three.js, and the Rapier physics engine. I believe AI will soon enable us to create the tools we need the moment we think of them. Thread 👇show more

🌊 THREE.JS WATER PRO GIVEAWAY 🌊 Build/vibecode a water/ocean... themed game using Three.js and win a free copy of Three.js Water Pro! Rules: 🎮 Must be a playable game 💧 Water/ocean theme 💻 Start from scratch — fresh project only 🔗 Reply to this post with a link to your game ⏰ Submit by Monday 12:00 AM UTC 🗳️ Winner selected by me (tip: be creative!) I'll announce the winner on Monday. That's it. Best game wins. Go build!show more

🌍 Back from hiatus! Continuing the Three.js Gamedev course... with Infinite worlds—how do you keep them smooth? There's a bunch of moving parts here. You've got to keep an eye on memory, while loading and unloading assets smoothly and keeping framerate hitches to a minimum. In this section, we'll tackle how to build a streaming system and look at what features Three.js offers to make this easier. 🔔 Want to be notified? Sign up here 👉 #threejs #gamedevshow more

Played around with generating the internal anatomy of a... creature (skeletons and organs). I used GPT Images 2 to keep the creature anatomy consistent, while the code, interactions and 3D models were generated with Omma AI and uses Three.js.show more