Renaud (@onirenaud) / X

Renaud

2,535 posts

Renaud

@onirenaud

Co-founder @utsuboco WebGPU @threejs

Kyoto, Japan

Joined March 2015

Renaud
@onirenaud
Sep 26, 2025
Not gonna lie, this is by far my favorite website ever made on the internet. Makes me want to drop everything and start an indie studio making games with WebGPU.
abeto
@abeto_co
Sep 25, 2025
Ever dreamt of having a job where you deliver mail to the residents of a tiny planet? Us too. messenger.abeto.co #webgl #threejs
00:00
480K
Renaud
@onirenaud
Sep 19, 2022
Stumbled across this code today. The developer told me that the client really wanted a loading animation but that our #nextjs architecture was just too fast for it 😂
Renaud
@onirenaud
Oct 16, 2025
This one took me almost 2 years to master, soon every Threejs dev will master it with a simple Import: Smoothed Particle Hydrodynamics Simulation, 2D and 3D, optimized with Spatial Hashing and Compute Shaders. Optimized for WebGPURenderer with complete TSL compatibility!!
00:00
131K
Renaud
@onirenaud
May 28, 2025
Recreating the water stripes in Hokusai’s artwork has to be one of the most puzzling tasks I’ve ever attempted. Getting close, though!
00:00
58K
Renaud
@onirenaud
Oct 4, 2025
Kicking off a new Threejs project today! The client gave the green light to share progress. 🙌 Today I was experimenting with flow-directed noise; spent a few hours wiring up the workflow. iterating on style tomorrow.
00:00
49K
Renaud
@onirenaud
Oct 9, 2025
Why Threejs Plus? Because it’s Threejs, plus thousands of hours of expertise distilled into modular, interconnectable building blocks. SpatialGrid → Boids: const { instanceMatrix } = new Boids(300000) positionNode = instanceMatrix().mul(positionLocal) Powered by TSL & WebGPU
00:00
65K
Renaud
@onirenaud
Jun 5, 2025
Integrated unified spray, foam, and bubbles into my fluid simulation. Runs in real-time with WebGPU, Three.js, and over 1 million particles!
00:00
44K
Renaud
@onirenaud
Oct 8, 2025
Three.js devs don’t know it yet, but this will become one of their favorite tools🥖 Bake thousands of animations, run them entirely in a compute shader, no heavy GLB size, no CPU overhead, no AnimationMixer bottleneck ⚡️
00:00
43K
Renaud
@onirenaud
Jan 5, 2024
Exciting News on Three.js WebGPU Development! I am thrilled to share that starting today, I am officially joining the talented team of maintainers at #threejs! I will focus on the WebGL backend to accelerate our transition to the new WebGPU Renderer and achieve full support.
32K
Renaud
@onirenaud
Oct 31, 2023
Fluid interaction in 2D. Now working on the 3D version. #threejs
00:00
38K
Renaud
@onirenaud
Oct 22, 2025
Working on the last big piece that will be shipped in the alpha of Three.js Blocks: IndirectBatchedMesh for WebGPU. Static scenes with frustum culling + dynamic batching. ~0.3ms CPU for ~500k unique geometry. This is the Web-3D leap WebGL couldn’t hit. 1/3
00:00
43K
Renaud
@onirenaud
Apr 12, 2023
Introducing the new react-three-next: Integrate seamlessly 3D into your Next.js website. New features include 3D portal divs, synchronized DOM/3D views and events, and a complete refactor for app-directory. Repo: github.com/pmndrs/react-t… Demo: react-three-next.vercel.app A thread:
00:00
67K
Renaud
@onirenaud
Oct 17, 2022
Replying to @RespectfulMemes
Renaud
@onirenaud
Sep 23, 2025
With WebGPU, AAA graphics on the web isn’t a dream anymore. Devs just need native-grade tools. That’s why I’m building Three.js Plus. Today I added GPU culling. Here 5M PBR cubes distributed in <10ms on a convex geo, running at 120fps thanks to object culling & indirect draws.
00:00
00:27
Renaud
@onirenaud
Sep 22, 2025
Today’s work reminded me: tossing more OSS into the void isn’t it. Too often it fades without support. So instead, I’m putting care into how I share, bundling the code I use daily at @utsuboco into Threejs Plus: advanced, always-up-to-date WebGPU-first components. 1/4
44K