r/threejs • • 16d ago

Three.js r187 released 🍎

445 Upvotes

r/threejs • • Sep 08 '26

Three.js r186 released 🥐

275 Upvotes

r/threejs • • 4h ago

Demo Tree Simulator. Zoom into the chloroplast of a redwood, if you want.

8 Upvotes

Coast redwood. Rust engine, raw WebGL2 viewer. Water moves by cohesion-tension, the trunk follows the pipe model, and you can zoom down to xylem, phloem and chloroplasts. Everything you see is drawn, based on all real documentation of how redwoods look like, internal structure and so on. 11,800 lines of source code.

In addition, HDR post stack (4x MSAA, SSAO, DOF, bloom, light shafts, film grade), wrapped-Lambert sun and sky lighting, sun-tinted aerial fog, and procedural shader textures, on a Rust physics engine, with no path tracing and no shadow maps yet.

I donot know why I made this. Perhaps sharing this with others will light the way forward.


r/threejs • • 11h ago

Tailwind Voyage

16 Upvotes

My little three.js game tailwind.voyage


r/threejs • • 1d ago

New preview of my jewelry visualization tool

217 Upvotes

A new test of my jewelry visualization tool (Auralith) on a white background. Pretty realistic I would say!

Three+WebGPU. no path tracing.


r/threejs • • 1h ago

bezier construction lines visualization

2 Upvotes

r/threejs • • 3h ago

Demo A Three.js diorama where the player moves the light and the character follows lit stepping stones

2 Upvotes

I’m making Alley Light, a browser puzzle set in miniature nighttime streets. The camera is fixed at a diagonal so you can watch a beam move across the walls while you drag a lamp or rotate a mirror.

The gameplay check tests whether light can reach the next stepping stone, directly or through a reflection, and whether scene geometry blocks the path. A separate check handles light spilling into bedroom windows. The newest build uses the same setup for wooden shutters that change where light can pass and a lantern that powers a second lamp in the market.

I’d welcome thoughts on reading the reflection from this camera angle. Try the browser demo on desktop · Rainy alley gameplay

AI tools assisted with the Three.js code and parts of the procedural geometry.


r/threejs • • 1d ago

Codevember! Day 14 - Tension

145 Upvotes

Today's #codevember word is "Tension".

I'm building and open sourcing a creative 3D web experience every day this month. All built with three.js, and r3f. I thought some folks here might find these interesting!

You can play with it here: https://adamwebsite.com/codevember/14-tension/
Find the code here: https://github.com/acher249/codevember-2026
Find all of them here: https://adamwebsite.com/codevember/

I'm new to reddit but want to post more of these 😄 Let me know what you think!


r/threejs • • 16m ago

NeonHeat: Top-Down GTA Style Shooter Game (Supports Multiplayer)

1 Upvotes

I made this game with threejs. It's pretty fun to play, would appreciate if you guys could check it out and share feedback. Game works on mobile and desktop.
https://neonheat.alifdev.com/


r/threejs • • 8h ago

Demo The perfect finish for my game 🦀🐟

4 Upvotes

I’m working for a few months on a single player co-op tropical physics puzzle game involving a crab and a fish (therefore the name Crab’nFish)

The aim is that you can roam around a tropical sandy island with both characters, to discover the different plants, animals and corals and to collect 25 shells hidden throughout the environment.

For more adventurous players, there is a main storyline where gems can be earned by solving physics based puzzles spread around the reef, moving the sun by one hour for every found gem. This leads to a 3 part finale in the golden hour with a grand cinematic outtro. This morning I’ve finished this finale and I’m super proud to show you a screentake of this (captured on my mobile)!

There is still loads of stuff to do: more environmental variation, interaction and I still have framedrops in certain moments and CPU tends to have a hard time calculating too many fish movements but this is an important milestone I wanted to share.

A v0.3 Alpha version can be played already on Itch: Fish’nCrab


r/threejs • • 1d ago

Are there any real people left on this sub? Feels like it is overrun with bots and obnoxiously lazy posts

43 Upvotes

Just venting.


r/threejs • • 1d ago

I rebuilt Wintergatan's Marble Machine (2016) as a playable browser simulation

38 Upvotes

Play it here: monoroc.de/marblemachine – runs in the browser, phone included.

Fan project, not affiliated with Wintergatan. More details in the comments.


r/threejs • • 9h ago

Every tracked object in orbit (~21,000) on a three.js globe, with positions computed in the browser by an SGP4 I wrote in Go and compiled to WebAssembly

2 Upvotes

Live: https://supremeinferno.github.io/orbitscreen/

Source: https://github.com/supremeinferno/orbitscreen

Some details for this sub:

- All ~21,000 objects are a single THREE.Points, updated every second from one Float32Array (lat, lon, alt per object). No parsing, the WASM engine writes the buffer and the geometry reads it.

- SGP4 for all 21k objects takes ~30 ms per call in WebAssembly (~10 ms native), so it recomputes everything every second, or 4x a second when time-warping, without a Web Worker.

- The scene is Earth-fixed: the Earth stays still, and the Sun's light moves around it (computed from the real solar position), so the day/night line is correct for the current time. Blue Marble by day, Black Marble by night.

- Picking is done in screen space: project every visible object, skip the ones behind the Earth (camera ray hits the sphere first), nearest within 12 px wins. Simpler than raycasting against 21k points.

- Every object sits at its real altitude, so you can see the LEO cloud, the navigation satellites at ~20,000 km and the geostationary ring when you zoom out.

The side panel lists the closest approaches between objects in the next 24 hours, from a conjunction screener in the same repo. Click one and the camera flies there a minute before it happens.

Happy to answer questions about the rendering or the orbit math.
If you find it useful, a ⭐ on the repo helps me keep working on it.


r/threejs • • 3h ago

Created a cursor-responsive 3D website hero using Three.js

0 Upvotes

Been experimenting with 3D web experiences and built this small project.

The model reacts to cursor movement and is integrated into the landing page.

Would appreciate any feedback on the interaction, rendering or performance. Let me know if you spot any issues!


r/threejs • • 8h ago

Demo WebGPU drift game on three.js r187: wet roads, tyre smoke, an aurora sky

0 Upvotes

Been building a drift game on r187 with WebGPURenderer and TSL, WebGL 2 as the fallback.

The wet road is a blurred mirror pass. The city streams in chunks with baked lightmaps, and the Norway map has an aurora sky that took way more tries than I'd like to admit. The sim runs deterministic at 120 Hz, so a run is just its inputs: the server replays every run before it hits the leaderboard, and the ghosts come from the same data.

Longer write-up on the forum:

https://discourse.threejs.org/t/nightclub-drift-speed-a-night-drift-game-in-the-browser-webgpu-ghosts-leaderboards/97236

Play:

https://www.nightclub-driftspeed.xyz/?ref=reddit-threejs

Ask about the renderer if you're curious, I'll answer what I can.


r/threejs • • 9h ago

Demo I built a browser racing sim with three.js and Rapier: fixed 120 Hz physics, adaptive resolution, runs on phones

1 Upvotes

I've been working on Spoolvia, a GT racing game that runs in the browser with no download: https://spoolvia.com

A few things that made it work on mobile

- Physics (Rapier, in WebAssembly) runs at a fixed 120 steps per second, independent of frame rate, with the picture interpolated between steps

- A tyre model per wheel, with ABS, traction and stability control on top

- Resolution scales up and down to hold the frame rate, with three quality tiers

- Most of the track is merged into a small number of draw calls

- Road detail (rubbered line, marbles, patches) is mostly vertex colours, so it costs almost nothing per frame

What I'm still not happy with

- Rival cars follow a line and have no real physics

- It hasn't had much testing across devices

Happy to answer questions about any of it. If you try it, tell me your phone and the frame rate you get.


r/threejs • • 10h ago

I built a 3D geospatial intelligence platform using Three.js

Thumbnail
gallery
1 Upvotes

r/threejs • • 1d ago

Isometric Berlin is Live!For the best visual experience, please make sure hardware acceleration is enabled in your browser.

Thumbnail
gallery
24 Upvotes

r/threejs • • 9h ago

Driving simulator for ipad browser

0 Upvotes

r/threejs • • 23h ago

I got the 10-year-old Goo.js WebGL engine running in modern browsers and extended it with physics, first-person controls, and object grabbing (144 FPS)

6 Upvotes

I think folks here might be interested in a bit of WebGL 1.0 "archaeology." Goo Technologies shut down back in 2016, so I dug into their old Goo.js codebase, adapted it for modern browsers, and used it to build a small "sandbox" featuring physics and a first-person perspective.

Everything runs smoothly at 144 FPS, complete with real-time shadows and rigid-body collisions. I plan to tidy up the repository, make a few more tweaks, and then release the project to the public soon


r/threejs • • 1d ago

Isometric Berlin is Live!For the best visual experience, please make sure hardware acceleration is enabled in your browser.

Thumbnail
isometricberlin.com
8 Upvotes

r/threejs • • 10h ago

I built a quiet online cathedral where strangers simply pray together.

0 Upvotes

In Korea, there's a tradition of visiting churches and cathedrals to light a candle, say a quiet prayer, or simply sit for a while. You don't always go because you're religious. Sometimes you just need a peaceful place to collect your thoughts.

I wanted to bring a little of that feeling online, so I built a small 3D cathedral:

https://inpeace.online

You can walk around, light a candle, leave a prayer, or read the wishes other people have left behind. No one has to talk. The idea was to create a quiet, atmospheric space where people could feel a little less alone, even without interacting directly.

I spent a lot of time trying to capture the feeling of being inside a real cathedral, especially the soft light filtering through the stained glass, the scale of the architecture, and that sense of stillness you get when you step inside.

With Christmas approaching, I've also been experimenting with a few seasonal activities, like sending wishes to Santa and enjoying small winter events. I'm still figuring out how to make these additions feel natural without losing the quiet atmosphere that inspired the project in the first place.

What surprised me most was how meaningful the smallest messages could be. Some people leave prayers for their families, others share their worries, and sometimes a few kind words from a stranger might be exactly what someone needs to hear.

I built it with Three.js, and most visitors so far are from Korea. I'd love to make it a place where people from anywhere can feel welcome, regardless of their beliefs.

It's still a small project, and I'm learning as I go. I'd especially love to hear your thoughts on the atmosphere, lighting, and overall experience of the 3D space.


r/threejs • • 1d ago

Demo ESCAPEMENT: a 3-minute music film rendered in three.js. Every gear is procedural and turns at its true ratio, locked to the music’s tick

3 Upvotes

r/threejs • • 1d ago

I built a 3D ATP Finals game in three.js where every shot’s odds come from real tennis match data

4 Upvotes

The whole match is rendered in three.js, with a TV camera and a player POV. You pick one of the 8 Finals players, choose the serve zone, then the shot on every rally ball. The odds behind each choice come from 88 real hard-court matches tracked shot by shot (Tokyo to Paris, Sept to Nov 2026), and the engine was calibrated by replaying real matches. Happy to answer questions about the scene setup or the animation side.

Play: https://daniloderosa.github.io/finals-simulator/
Code and method: https://github.com/daniloderosa/daniloderosa.github.io/tree/main/finals-simulator

Personal, unofficial project. Data courtesy of TennisViz and Courtside Advantage.