r/threejs

Used Google Ai Studio to build this glb/gltf viewer with Xbox controller support and animation support
▲ 33 r/threejs+3 crossposts

Used Google Ai Studio to build this glb/gltf viewer with Xbox controller support and animation support

character created by me and environment downloaded from sketchfab

Try it for yourself if you have characters you made on Meshy or Tripo3d, or download a character from sketchfab for free and pop it in the viewer and if it has walk or run animations they will work. https://glb-game-environment-sandbox-362548902392.us-east1.run.app

Let me know what you think or if you think I should add something drop a comment or shoot me a message

u/PhilosopherBulky6803 — 8 hours ago
▲ 498 r/threejs+2 crossposts

I made a 3D map of a actual local universe you can fly through using real data from cosmic survey

Hey all. I’ve been working on this for a while and finally put it online, so I’m sharing it here.

It’s called Know the Universe. You fly through the cosmic web: the actual large-scale structure of the nearby universe, with its filaments, voids, and clusters. The galaxies are not procedural or faked. They are ~43,500 real galaxies from the 2MRS redshift survey. I take their RA, Dec, and redshift, convert them to Cartesian megaparsecs with a Hubble-law distance, and that point cloud is what you fly through.

Every dot is a galaxy and we can see up to 1Bn years.

There are a lot of visual settings and shaders to help visualize the cosmic web.

u/SizeEfficient2631 — 14 hours ago
▲ 99 r/threejs+2 crossposts

I added drummers and howitzers to my Napoleonic combat browser game

The drummers have a basic upper body drumming clip that blend with lower body locomotion, and are triggered for various state changes (e.g. open fire, hold fire, move, halt, form square, form line, follow me). I was loosely inspired by old drumming manuals from the period and created the clips in Bandlab. They're not too loud, you have to be within 10m or so to hear them. It took some tuning for them to be the flavor-adders they're intended to be and not an annoying cacaphony.

For the howitzers, they fire at a fixed barrel elevation and backcalculate muzzle velocity from the target position, to simulate guns of the period altering their charge to adjust for range (cannons are direct fire with a fixed muzzle velocity). Unlike the cannons which fire round shot that penetrates multiple enemies and can skip off the ground, howitzers fire explosive rounds that detonate randomly from the ground to 15m from their target (this was done to simulate the randomness of the hand-cut fuses of the time). When they explode, they deal some overpressure damage, and spray 50 shrapnel projectiles within a sphere. They're a bit more random that cannons when it comes to dealing damage, but a direct hit on an infantry unit can kill dozens.

Give it a try at www.1815online.com, discord is https://discord.gg/K86ugwEe3

u/1815dev — 14 hours ago
▲ 8 r/threejs+2 crossposts

LittleJS + ThreeJS 🤝 New plugin to use LittleJS as the game engine for three.js

Three.js is amazing at rendering but it stops there. No game loop, no input handling, no physics, no audio. I maintain LittleJS, a tiny open source 2D game engine, and I just added a Three.js plugin so the two can work together. This is something I have already done for a few prototypes so I decided to add it as an official plugin.

The way it works is pretty simple. The plugin puts a Three.js canvas behind the LittleJS canvas, which is transparent. LittleJS runs the actual game: a fixed 60fps update loop, keyboard/mouse/gamepad/touch input, arcade physics, particles, and sound effects. Each game object drives a Three.js mesh that follows it around automatically. You load three yourself and pass the module in, so nothing gets bundled and the engine stays dependency free. There's also an aligned camera mode that locks the 3D camera to the 2D camera, so 2D sprites and particles line up exactly with the 3D scene.

I made two simple demos. One is a side scroller with 2D particles over a 3D parallax scene. The other is a little 3D platformer where you run around and jump on boxes collecting coins, and all the gameplay is controlled by LittleJS 2D physics. The whole thing is about 230 lines.

Demos: https://killedbyapixel.github.io/LittleJS/examples/?example=Three.js+3D+Platformer
Source: https://github.com/KilledByAPixel/LittleJS

Curious what people here think. If you'd use something like this, what would you want from it?

u/Slackluster — 10 hours ago
▲ 21 r/threejs

World Space Vertex AO. Will be released as an open source library soon!

Working on World Space Vertex AO for my WIP game. This will be released as an open source library soon!

  • Async bake, only once during initialization
  • Acclerated via Compute Shaders and three-mesh-bvh
  • No Screen Space artifacts
  • Cheaper frame-to-frame than postprcoessing SSAO

Its not a "cure-all" though, couple cons:

  • AO is static; Must be rebaked if scene changes
  • Works better with higher vertex density. I have a couple thing I wanna try and address this though.
u/ppictures — 12 hours ago
▲ 82 r/threejs+11 crossposts

Progress on my threejs Voxel engine

I've fully redone the engine for my game AresRPG, I aim for an immersive world! this is a browser based MMORPG on Sui

u/Sceat — 1 day ago
▲ 38 r/threejs

Feed Panda V2 - Some interesting upgrades

Hi ThreeJs devs,

(https://feed-panda.vercel.app/)

I've been following the wonderful work done by the folks here and that inspired to update my Project with:
🌱 Prettier Grass (I just love the green color)
☁︎ Procedural Ray-marched Clouds
🌌 Sky with different times of the day
🐼ྀི Panda finally being happy when he eats (Claude and Blender MCP helped me)

Do try it out. I appreciate your valuable feedback!

u/Last-Amphibian8872 — 1 day ago
▲ 22 r/threejs+1 crossposts

Mirror dimension - Demo

Hey all,

I have been thinking about creating a mirror dimension game for a while, Now it is a reality and looking awesome.

Still need to add background ambient tracks and sound effects to enhance the game experience.

I am very excited to test this on VR headsets,

Any VR Guys, be ready for a fully immersive experience into this mirror dimension.

PS: Link will be shared soon

Thank you for your time.

GitHub: https://github.com/CasberryIndia
X : https://x.com/Eswarprasaath_

u/grey_master — 2 days ago
▲ 385 r/threejs+1 crossposts

Plunder: online pirate battle

I’m working on a browser-based pirate .io game called Plunder.

The goal is fast naval battles directly in the browser: sail around, collect gold, fight NPC ships and other players, upgrade into stronger ships, and survive as long as possible.

It’s playable here: https://www.crazygames.com/game/plunder-2d---online-pirate-battle-brp

I’d love to hear what you think of the visual direction and what makes the game look fun to try.

u/igotlagg — 4 days ago

I built a free, browser-based multiplayer F1 racing game. No sign-ups, just jump in and play with friends.

Hey everyone,

I recently built a low-poly 3D multiplayer racing game that runs entirely in your browser. There are no accounts, no downloads, and no sign-ups required. You can just share the link with your friends and instantly race against them in real-time.

Play it here: https://f1-browser.vercel.app/

Tech Stack:

  • Frontend: Three.js (Handles the 3D F1 car meshes, the daylight environment, and spline-based track generation).
  • Backend: Node.js + Express with Socket.io (Handles real-time multiplayer syncing and server-side checkpoint validation).

The game has full support for both Desktop (keyboard) and Mobile (touch controls), so you can play from anywhere.

I just pushed a major overhaul to the track and physics. Please try it out with some friends, and if you find any bugs or have any feedback, let me know in the comments!

reddit.com
u/Particular_Falcon_48 — 3 days ago

Bloom Test (continued)

To test the load on devices of interest, we’re running tests by copying objects.

You can adjust the number using a slider, ranging from 1 to 100,000.

With this many objects, the app runs relatively smoothly on Android up to about 500 objects and on iPhone up to about 1,500.

Performance is quite good on PCs, but on older PowerBooks, there’s a bit of frame dropping unless you lower the resolution.

https://adrama.jp/norimakineko/bloom/

reddit.com
u/adramajp25 — 3 days ago
▲ 195 r/threejs+1 crossposts

The future of 3D models isn't just viewing, it's having conversations with them. Atlas3D turns any* 3D model into an interactive AI experience.

Built for Educators
Create engaging 3D lessons in minutes from existing 3d models.

Designed for Learners
Explore, ask questions, and understand complex structures interactively.

Upload any 3D model and Atlas3D automatically transforms it into an interactive AI learning experience with natural language controls and AI generated quizzes.

Try here: Atlas3d.space

Edit: Earlier I said "any 3D model." To clarify, Atlas3D works with labeled/semantic 3D models (or models you label during upload). The AI relies on those part names to understand the structure and generate explanations, conversations, and quizzes all fully automated.
also https://www.atlas3d.space/upload provides a visualizer so you can name the model parts yourself.

u/dionysusairdrop — 4 days ago

I built a portfolio website where you fly a drone around a 3D island

Saw bruno-simon.com years ago and it lived rent-free in my head. Finally built my own take — much simpler, but I wanted to ship something rather than keep it a "someday" project.

Instead of scrolling, you pilot a drone (modeled after my DJI Mini 4 Pro) around a low-poly island. Projects, work experience, and blog posts are billboards scattered across the terrain.

Stack: Three.js + React, no game engine. The hardest part by far was the drone physics — making it feel floaty but controllable took longer than the entire island.

There's a hidden Ring Challenge — 15 rings against the clock. Hint: past the first billboard, take a right. Drop your time if you find it.

Link - https://rishabhrathod01.github.io/

https://preview.redd.it/ad7nfgoj70bh1.png?width=3422&format=png&auto=webp&s=e5ecfe8a69b274f31b1e66bfa995d95d7aae4eac

https://preview.redd.it/lwr0hgoj70bh1.png?width=3432&format=png&auto=webp&s=3fa284ac32561503dfd2204f4851c3328873dbb6

reddit.com
u/insane_dreamer_7 — 3 days ago
▲ 79 r/threejs

parallax browser tank with 100+ low poly .glb fish via svelte threejs running smooth

custom ell optimized .glbs (all max 1.5k triangles, mostly <500, all below 50kb, texture atlas systemm around 1.5vram per fish) for 500$ from fivver.

u/lechiffrebeats — 4 days ago

I directed AI to build a single continuous-shot cinematic scene in Three.js — no 3D background, lots of trial and error

I'm not a 3D artist and never opened Blender, but wanted to try making a short cinematic 3D scene — a room someone just left, one unbroken camera shot moving through an entire night, lighting shifting from warm midnight to cold dawn.

I worked with Claude Code to build it — describing the mood I wanted rather than coordinates, and iterating through a lot of broken versions (pure black scenes, a lamp that looked switched off, particle effects that looked like glitched pixels) before it came together.

I recorded the whole process — the prompts, the debugging, the mistakes — in a video if anyone's curious how it actually came together step by step: [https://youtu.be/qvX2hJZgC0k\](https://youtu.be/qvX2hJZgC0k)

Happy to answer any questions about the implementation in the comments too.

u/Dry-Acanthaceae1402 — 4 days ago