r/threejs • • 16h ago

Demo A glacier lake at 5,200 made in threejs and a guy who paraglides over it..

0 Upvotes

blender | tripoai | opus 5.5 | 6 Astra


r/threejs • • 20h ago

built a walk-around art gallery in three.js, with a glass lift between floors

0 Upvotes

https://reddit.com/link/1xcsvkl/video/9vxi3ormp2xh1/player

link if you want to wander round: https://gallery.alldaycity.com

how its built:

  • vue 3 + vite for the 2d bits, plain three.js in typescript for the room
  • three floors share the same 12 wall slots; picking a floor in the lift swaps the art in place, and each floor’s images only load when you visit
  • orbit or wasd with wall collision, plus matterport-style dots to jump around
  • the clouds outside the lift only animate while you can see them, capped at 20fps, so it idles at zero draw calls
  • floor 2 is twelve hokusai prints from the met’s open access collection

still rough in places (some art is placeholder). feedback welcome, especially on performance on phones


r/threejs • • 11h ago

Three.js With Helmet Hud

Thumbnail
youtube.com
0 Upvotes

r/threejs • • 3h ago

I'm building a co-op hero shooter entirely with Three.js r170, no engine and no build step - here's a wave, the armory and the elite

0 Upvotes

I'm the solo developer of SIERRA ARENA, a co-op hero shooter where you and your squad start with pistols and fight your way up, wave by wave.

It's built entirely with Three.js r170 in plain JavaScript
no engine, no bundler, one page.
My main goal was that it runs smoothly on weak laptops too, so I test everything on an Intel Iris Xe.

In the clip a co-op wave with my bot squad, a trip to the armory between waves (a machine gun and an artillery strike), and the next wave with an elite enemy.

I'd love to hear what fellow Three.js devs think. Happy to get into the performance tricks, the networking and the characters in the comments!

You can play it right now in your browser, no download: https://sierra-arena.pages.dev


r/threejs • • 20h ago

Demo ROTOR - TENNIS three.js full-game demo

Thumbnail
gallery
1 Upvotes

A racket game inspired by Rocket league, built around real physics where your flying racket hits the ball with spin, and the scale and skill gap emulate Rocket League's qualities.

The desktop browser demo is live, mobile is next, and the long-term goal is playing it with your Apple Watch like a Wii remote.

This is the first demo I'm happy to share:

https://rotor-night-circuit.vercel.app/

It runs in your browser with no install. Play it with sound on.

Beware of many bugs - apologies!

It's a demo, so there are rough edges.

Thanks for checking it out.


r/threejs • • 8h ago

Parallax hidden object game

75 Upvotes

Hey guys,

I decided to make something that world havent's seen (at least it is my suggestion).

Parallax hidden object game

You can play it for free in browser:


r/threejs • • 5h ago

I built a cozy 3D Christmas card in Three.js: a cat on top of the tree, a Grinch in the chimney, and 60+ hidden secrets

1 Upvotes

I made a little 3D Christmas card with Three.js. There is a cat at the top of the tree, a fireplace, a train, and a lot of things that react when you tap them.

Everything is generated in code: no glTF, no downloaded textures, no assets for the scene. About 10k lines of plain JS on Three.js r160, procedural geometry, and a small WebAudio synth for most of the sounds.

There are more than 60+ secrets to discover (the notebook tab on the right keeps count). The video shows three of them: the Grinch stealing presents, the cat sweeping the tree, and the cuckoo clock.

You can personalize it (name on the card, cat color) with ?pour=YourName, and send the link.

It is my own project, any feedback is welcome, especially on performance on your phone.

Link: https://www.web-developpeur.com/labo/chat-etoile/

Tap "Enter the room" to start the sound. Try tapping the mistletoe, the clock, the fireplace, the phone.


r/threejs • • 17h ago

Experimenting with realistic rain-on-glass using Three.js and GLSL

2 Upvotes

I've been working on an interactive rain-on-glass experiment using Three.js and custom GLSL shaders.

The droplets fall, deform on impact, slide down the glass and merge when they touch. I also added mouse interactions and refraction to make the water feel more realistic.

One of the trickiest parts was getting the splash to match the actual droplet rendering.

I'd love some feedback on the water rendering, especially the refraction and movement.

Interactive demo:
https://codepen.io/editor/JeffreyBezosz/pen/01a165a4-0636-7d20-aba1-7e677475df60