How I Make My Three.js Projects - WebGPU Production - Threejs Conference Talk Keynote
· 46:14 · Talks · three.js, webgpu, tsl, realtimegraphics
Watch on YouTube · Subscribe to the channel
For years, people have asked me: How do you make these projects?
This talk contains some of the answers.
I originally presented this at the Three.js Conference in Paris, where I also taught a two-day workshop on TSL and Three.js together with Sunag, the creator of TSL.
Unfortunately, the recording of my talk at the conference didn’t work. So I recorded the presentation again for anyone who missed it.
In this talk, we review a real WebGPU project and explore some of the techniques I use in production, including Octahedral Impostors, Lens Flare, performance optimization, and other techniques that help make complex real-time experiences possible.
The project we review downloads only 6 MB, while everything is rendered in real time.
Project:
If you missed the Three.js Conference, here’s the talk again.
Links from the video
Related projects
- WebGPU Archiviz — 6MB Architecture Visualization
- Ultimate Lens Flare — Realistic lens flare component for R3F and Threejs
- Octahedral Impostors — WebGPU direction-atlas impostors for cheap distant meshes