Ebenezer retweeted
endurance-racing.vercel.app/
Now with the trailer 😁. Everything you see in this video is the actual gameplay. Nothing is faked pre rendered video ⚡
#threejs #screenshotsaturday
Everyone is sharing what Opus 5.5 can build this week, and it made us ask ourselves a different question: when making things becomes this easy, what do we actually want to make and why?
Our answer was a small retro arcade, the kind we grew up hanging out in, filled with 21 games made by independent developers. Every cabinet carries the name of the person who built its game.
Walk in, drop a coin, and play: tympanus.net/Demos/InsertCoi…
#threejs #webgl
Ebenezer retweeted
Hey everyone; small teaser announcement!! I got a bunch of a Blender 3D artists' permission to recreate their tutorials and/or work as 3D websites!! Wesbite coming soon! Everything in the video was recreated from Blender in the browser using #threejs's #tsl~ #b3d
Teaser Featuring:
youtube.com/@levimagony/
youtube.com/@crzyzhaa
linktr.ee/DM_Arts
youtube.com/@kevandram
If you're into Blender for web dev feel free to join me on Discord!! I wanna start a community of Blender/3D artists that use the browser as a canvas! discord.gg/sSNwfK5dpc
Ebenezer retweeted
Most online tools only optimize file size, but they're still reinflated in memory.
This tool will optimize your GLTF/GLB assets and export to GPU-compressed KTX2, entirely client-side.
Try it here: gltf-optimizer.simondev.io
#threejs #gamedev
Ebenezer retweeted
Giving away a free membership to fragments.supply — the course I built to teach you to create shaders you love
Gutted to be missing @threejsconf, so this is my way of celebrating anyway 🙏
Reply with your favourite #threejs or #creativecoding work and I'll pick a random winner 24 hours from now
Ebenezer retweeted
The new WebGPU & TSL course is live 🚀
✅ 21 lessons
✅ 23+ hours of video
✅ Quizzes and certificate
✅ First lesson free
$45, or $25 if you own the Three.js Journey course (September only)
👉 threejs-journey.com/webgpu-t…
Ebenezer retweeted
Showing off two unique features of my #threejs Advanced Glass Material: colored caustics and glass-to-glass interaction.
The glass can actually “see” other glass objects in the scene, preserving their depth, internal reflections, and refractions. The green color being visible through the blue glass shows the color and depth interaction.
Powered by #WebGPU and a lot of custom rendering work that I learned on #threejsJourney new TSL lessons from the GOAT @bruno_simon
Live demo coming soon.
#creativecoding
Finally, the Bathroom Configurator is live! 🚀
• Custom walls, doors , windows etc
• Vanities, basins, taps, toilets , showers & more.
• Wall lights & bathroom accessories
• Random Scene Generator
• Texture Wheel for easy customization
Try it now:
bathroom-configurator.itssud…
Bathroom Configurator 🚿
Procrastinated on this for way too long 😅, but it’s finally starting to come together!
Here’s a sneak peek, design your bathroom in 3D, experiment with different layouts, swap furniture and fixtures, and preview everything in real time.
#threejs
Ebenezer retweeted
Originally created for @bruno_simon Three.js Journey challenge, The Sleepers is such a beautiful example of doing more with less.
Really happy to have @_Thibka sharing the lightweight WebGL techniques behind the experience in today's detailed breakdown: tympanus.net/codrops/2026/07…
Thank you so much, Thibaut! 💙🙏
Ebenezer retweeted
Most online tools only optimize file size, but they're still reinflated in memory.
This tool will optimize your GLTF/GLB assets and export to GPU-compressed KTX2, entirely client-side.
Try it here: gltf-optimizer.simondev.io
#threejs #gamedev
Ebenezer retweeted
🚀 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
Ebenezer retweeted
A lot of people have asked me how these things are made and where to get started. I made a course that goes into it all! This chaotic raymarching shader was made with TSL and threejs ✨
Check it out at fragments.supply and maybe use this code for 10% off: ZUD58MN7
Ebenezer retweeted
Alien Fluorite
Demo and Source Code:
codepen.io/sabosugi/full/jEV…
#threejs #webgl #shader
Support me by PayPal: paypal.com/paypalme/sabosugi
Ebenezer retweeted
I was experimenting with some UI animations lately, here's one of them for "colour palette".
Ebenezer retweeted
TSL Graph has landing page now. Shader on landing page is also made using TSL Graph itself so you can clone it and play with it.
tsl-graph.xyz/
Ebenezer retweeted
Replying to @deedydas
Sorry but this isn't even close to a realistic simulation. This Three.js water simulation took weeks of effort, hundreds of prompts, and I needed to pull on my CS and physics background to understand where the AI was failing (which happens often). Maybe some day agents will be able to generate complex simulations in a single prompt but for now they can only generate toy prototypes.
















