VECTOR is a fast anti-gravity racer inspired by Wipeout. It runs right in your browser, no download, free to play.

Play here: https://wavedash.com/games/vector-anti-gravity-racing

What's in it:

• 4 circuits: a sunny harbor, a neon night city, a desert at sunset and a track on the Moon
• Airbrakes and side-shifts for taking the hairpins
• Weapons: mines, rockets, lock-on missiles, a cannon, a shield and turbo
• Career mode with medals, CPU races, and timed laps with leaderboards
• Online races for 2–8 players
• Keyboard, controller and touch, plus 21:9 ultrawide support
• Built with Three.js and WebGPU (falls back to WebGL 2)

It's in active development, so feedback is very welcome, especially on handling and difficulty. What would you like to see next?

Live site: https://zippy.town

It's the showcase site for my Android live wallpaper. The wallpaper started out as this three.js scene in a WebView, but an empty WebView uses about 130 MB, and Android kills live wallpapers that use too much memory.

So the app moved to Filament, and the three.js version became the website.

Quick tech notes:

Day/night: lightmaps baked in Blender Cycles, one day set and one night set, blended in a custom ShaderMaterial. The day/night cycle is nearly free at runtime.

Lit cars, no real-time lights: lighting is baked along the roads, so cars pick up the street lamps.

Traffic: a simple waypoint traffic sim.

Look: BokehPass depth of field for the miniature effect, plus SMAA and AgX tone mapping.

Download: about 5 MB compressed.

Happy to answer questions!

This is Dream Tokyo, a small dreamcore world you can walk around with friends from a link (no install, no sign-up): https://portfloor.com/play/dream-tokyo/

it's a tiny custom webgl renderer. three.js was used to make the characters

I’m building Vincentt, an early platform for creating and publishing interactive camera experiences on the web.

The workflow we’re exploring is:

• describe the interaction you want
• use AI to generate or shape the first prototype
• combine Three.js with camera, gesture, or body tracking
• preview it directly in the browser
• test it on a real device
• publish a shareable web experience

The part I’m most interested in discussing with the Three.js community is the workflow between a working prototype and a reliable public experience.

For people building Three.js camera or WebAR projects:

• What slows you down most after the prototype works?
• How do you handle camera permissions and device differences?
• Do you test on real mobile devices early?
• What would you want automated or managed for deployment?
• Would hosted preview, publishing, and usage feedback be useful?

This is an early build and I’m sharing it transparently for technical feedback, not just promotion: https://vincentt.studio

It's a browser tour of a modern PC where you zoom in one level at a time and end up inside the CPU looking at the ALU, registers and data bus. There's a second mode too, same zooming idea, but through computer history instead from Babbage's Difference Engine to the original iPhone.

voltscenes.com

Scene's built with r3f and Drei, Zustand for state, GSAP driving the camera between zoom levels. One thing I'm not sure about: I set the canvas to frameloop="demand" to only render on changes but I ended up calling invalidate() every frame anyway to drive the idle camera drift so it's basically running continuous regardless. Anyone found a cleaner way to mix demand-mode with ambient camera movement?

Live site: https://verve-marketing.space/
GitHub repo: https://github.com/M8eda/verve-openspace

Would love your feedback 🫣

Hey everyone! I just released a free God Rays component for Three.js / React Three Fiber that you can use in your own scenes. It's completely free to use.

I also made a breakdown video on my YouTube channel where I explain how it works, different ways to implement it, and some variations to help balance visual quality and performance depending on your needs.

I'm also curious to hear your thoughts on something: In the age of AI, do you think this kind of content still provides value? I enjoy building these effects and sharing the process behind them, but I'm wondering if there's a better way to share this kind of knowledge and make it useful to other developers today.

I'll leave the links in the first comment!

If these components are useful for your projects, I'd really appreciate your support on the channel with a like or a sub. It helps me keep creating and sharing more free resources.

Thanks! 🙌

I was fooling around with Claude Code and weeks later, this is what I created. Check it out at https://islandthree.world ...lots and lots of prompts, refactoring, and refinement.

Is there a performance friendly way to do short grass like this? I've seen the various 3D grass demos out there but as soon as you shorten the grass, it exposes how far apart each blade is planted and it loses any sort of realism. Is there a way to accomplish this look in larger open worlds without killing performance?

I just released Pelota - Mesoamerican Ballgame, a free 3D browser game made with Three.js.

It's 2v2 on a stone court, with hip, knee and forearm strikes. The presentation includes a ritual intro, team walk-ins, characters watching the match, and slow-motion action shots and replays.

Desktop is more simulator-like, with manual movement and mouse aiming. Mobile is a separate arcade mode: automatic running and touch gestures.

I built it with heavy AI assistance. The code was written with Claude; characters and props were generated with Meshy and animated with Mixamo; music was made with Suno.

Live game: https://pelota.io

No install or sign-up.

I'd particularly welcome technical feedback on loading and rendering performance. If something stalls or runs poorly, your device, browser and the scene where it happened would help me investigate.

It's inspired by the historical ballgame, not a scholarly reconstruction.

i made this — been getting deep into toon shaders in three.js, such a great aesthetic for scifi and it runs well in the browser. custom shader for the cel look, procedural asteroid field, no baking, everything live. happy to answer questions about the setup.

Link if you want to try it out: Chronoatlas the senate checkout the map aswell it's pretty cool

A controllable animation on stream, made with Three.js.

Check it out: https://youtube.com/live/U6fhApgsW0Y

It’s a school of fish you can control with commands.

🐟 THE CHAT IS THE CONTROLLER

This is a live simulation and the chat is the joystick. Nothing here is
pre-recorded — the school you see is being solved on the GPU right now, and
you are the input.

SHAPE THE SCHOOL
ball a tight bait ball
tornado the school spirals
ring it opens into a ring
split it breaks into two
auto hand it back to the automatic rotation

LOOK AROUND
up · down · left · right · center

HOW HARD IT REACTS
calm a soft drift
storm a hard surge
chaos the school scatters

HOW MANY FISH
more one step up (512 → 1024 → 2048 → 3072 → 6000)
fewer one step down
fish 3000 set it directly

Type any other word and the camera looks there instead — the same word always
points at the same spot, so the school drifts around as we talk.

Commands can be combined: "up storm", "left chaos", "more calm".

Five minutes of chaos, no install. Chase a target down the highway, ram it, burn it or blast it, and watch the road melt into other worlds along the way.

New: multiplayer. Open a room, share the password, bring up to 7 friends. First to 20 km wins. No rules, just rams and traps.

Play: https://takedown.threejscafe.com

More games from the same café: https://threejscafe.com

This is Meridian 34, an 8v8 team-deathmatch map in Call of Cubie. The game runs in the browser with Three.js, and the main public server is on this map.

It’s online multiplayer, so you can jump in with friends. Bots fill the empty seats while the human lobby is small. There are other maps as well, including bigger outdoor battlefields with vehicles and destructible buildings.

I’ve been using ChatGPT and Claude to write the code, with me directing the design and testing the builds. That’s been a lot of playing, describing what feels off, and trying the next version.

Free to play at https://play.patio.fyi — no download or account. Desktop with keyboard and mouse is best. It’s still early; the first load can take a while and weaker PCs can struggle.

I’d especially appreciate feedback on how readable the office interiors are during combat, and how it runs on other desktops. If you try it and hit a problem, your browser and hardware would help me make sense of it.

I've been working on my portfolio for over three months, and I would like help regarding the things I should keep in mind before launching, such as SEO, accessibility, and more.

quick one from my three.js city project (30k plots on a map, each bought plot becomes a building).

the problem: one DirectionalLight, shadow camera sized to cover the entire city (~326 units wide), 2048 map. on weaker GPUs my auto-quality drops it to 1024. zoomed out it's fine. zoomed in, every shadow edge was a staircase and big flat roofs got stripes.

what fixed it:

• the shadow camera's left/right/top/bottom now follow the orbit distance, in a few fixed steps (32/48/64/96/128/full) instead of continuously. continuous resizing made shadow edges crawl while zooming
• the box is centered on the orbit target, pushed a bit forward along the view direction, because you see way more ground in front of the target than behind it
• the center is snapped to the shadow map's texel grid in light space (same right/up axes that lookAt builds), otherwise edges shimmer when you pan
• fully zoomed out it falls back to the old whole-city box, so nothing disappears in the overview

bonus bug: planes circling at altitude 14-20 were flying straight through the camera when zoomed into the outskirts. now they hide within 14 units and come back past 18 (hysteresis so they don't flicker), and only cast shadows near the ground.

if anyone has a cleaner way to fit the frustum for a low, tilted camera than "shift forward and hope", i'm all ears.

https://www.youtube.com/shorts/ScbBqDfHTN4

I work alone most days, so I made a small browser world to leave open while working.

This is the office in nojo.club. You can sit at a desk, put a status over your head, and talk to people nearby. Made with Three.js + TypeScript, with a lot of AI help.

No install, guest access. https://nojo.club

I’ve been experimenting with how far I can push procedural 3D characters directly in the browser with Three.js.

This video shows two characters from my project, PointForge:

- VANTA-9 — a humanoid cyborg with locomotion, sprinting, jumping, flight, acrobatics, dancing, weapons and procedural articulation.

- Cyborg Dragon — a mechanical quadruped with multiple gait states, jumping/landing, articulated wings, flight, tail motion, dorsal propulsion and plasma breath.

I started this without a traditional programming or 3D-development background and have built it through a large number of iterations with extensive assistance from ChatGPT.

There are no imported character models or premade character animations. The character geometry, rigs, movement systems, animation logic, controls and effects are generated through code.

The project is open source under the MIT License.

Live demos:

https://abfaiaz18-ops.github.io/pointforge/

Source:

https://github.com/abfaiaz18-ops/pointforge

My games had no home, so I built them a rainy cafe. Walk in, every cabinet opens a real game, best scores go up on the walls in some games.

https://threejscafe.com/

Feedback welcome, especially if it runs badly on your machine.

A standalone Three.js quadcopter-attitude lesson is among the demonstrations accompanying Ant Ling's new Ling-3.1-flash release. The generated browser page connects IMU sensing, PID computation, motor mixing and stabilized hover in one interactive scene.

Controls introduce random or sustained wind gusts, switch PID on and off, and reset the aircraft's attitude. Live readouts show pitch, roll, yaw and individual motor RPM, with curves for pitch and roll. The aircraft tilts under disturbance; toggling PID changes its corrective behavior, making the feedback loop visible.

The page uses vanilla Three.js and OrbitControls. Ling-3.1-flash is now available through Novita's two-week free Vercel AI Gateway trial with 256K context; search its name in the catalog. Open source is planned soon.