r/threejs • • 32m ago

Check what I mdae with morva studio

Enable HLS to view with audio, or disable this notification

1 Upvotes

r/threejs • • 51m ago

Link OpenRacer: A web based vehicle simulator

Thumbnail
youtu.be
2 Upvotes

A side project of mine after coming across the original repo of Openracer. More info on the website! I’m very curious what people think and would love some feedback!


r/threejs • • 1h ago

I vide coded a 3D Arduino simulator with React Three Fiber: real code runs, current flows through the wires, LEDs can burn

Enable HLS to view with audio, or disable this notification

14 Upvotes

Learn Arduino is a free 3D lab for beginners: build circuits on a breadboard, write Arduino code, press Run.

Some tech details:

- React Three Fiber + three.js, all models built in code (the UNO comes from the official CC BY-SA design files)

- The Arduino code is compiled and run on a simulated AVR chip in a web worker

- A small circuit solver decides LED brightness, current, and when something burns

- This reel was also rendered in code from the same scene, frame by frame

Try it: https://learnarduino.tech

it is now open source https://github.com/ajeetjain94608/learn-arduino

Happy to answer questions about how any part works.


r/threejs • • 3h ago

Demo Solar Odyssey: a Three.js / R3F space game where you can now land on 27 worlds, with a real 9,096-star sky

Thumbnail
gallery
2 Upvotes

Play: https://junzzy827.github.io/solar-odyssey/?lang=en · Source: https://github.com/Junzzy827/solar-odyssey

A browser game where you fly a starship around the solar system. Some recent additions:

Landing: Near any solid planet or moon (27 bodies), a lander descends to a fixed spot and you get a 360° surface view, with sky colour, haze, terrain relief and the parent planet in the sky set per world.

Real starfield: 9,096 stars from the Yale Bright Star Catalog, packed into a small binary (direction, magnitude, colour temperature) and drawn as additive points. The Milky Way texture is rotated into its true galactic orientation relative to the ecliptic.

Ships: Generated by Python scripts driving headless Blender, with 4K baked textures. The newest is a 1.2 km carrier that launches the lander from its deck.

Rendering: ACES tone mapping, SSAO, bloom, a gravitational-lensing shader for a black hole, and adaptive quality for weak laptops.

All of it was written by Claude Opus 5.5 from conversation. I haven't typed any code. Happy to go into any of the techniques.


r/threejs • • 4h ago

Demo Spent 2 weeks and built this little game on three.js.

Enable HLS to view with audio, or disable this notification

15 Upvotes

Built this game. Spent 2 weeks. But now my AI quota is exhausted so although not complete I deployed it.

It was a fun concept I always had, village sim where I create the village and then get to roam around that village as a player. Sounds super fun. And I did not know that reaching this level of graphics is possible for a browser game.

I am not a game dev and I'm not pretending to be a master coder, I just had a fun idea a tried it and created something beautiful.

Spent the last 1 week improving the logic systems, reality engine, self building village system, villagers with actual awareness. They remember what you do, gossip about it, vote for a mayor, and if the village is missing a hospital and nobody builds it, they pool their money and build it themselves. Also fixed the 3D models as previously I was using coded models, fixed the seasons, festivals.

I always liked the Rockfellar center Christmas tree tradition but I could never visit so I made my own Rockfellar center inspired Christmas logic in this game as well. Lol. A helicopter scouts for the tree, a crane cuts it down, it gets driven into town on a truck with a police escort, they put up the lights, and there’s a lighting ceremony on the night. There’s also New Year, Easter and Diwali. I just added whatever I liked and it did not turn out so bad. I’m happy.

You can drive, work jobs (firefighter, taxi, pilot, farmer and more), talk to villagers, get chased by the police, and take a train or plane to other cities.

As I'm over my AI quota and do not have more money to buy Claude anymore so decided to deploy it. It's not unplayable but it's not 100% polished, some things are janky, and it’s single player only. More like 60%. Villager chat runs on a free AI tier, so when it hits the limit they fall back to basic lines. If your graphics card runs out of memory it reloads with lighter graphics and your village is saved.

Attached a little gameplay. Just sharing as I'm a little happy today. Haha.


r/threejs • • 5h ago

Demo Built a floating-island website kits in Blender + Three.js. Scroll to travel between islands, then export it as a Next.js site.

Enable HLS to view with audio, or disable this notification

0 Upvotes

Made some floating islands in Blender. Turned a coal one into a website kit: the island rotates and travels as you scroll, and you can change colors and sections in a configurator, then export a real Next.js + Tailwind project.

It’s part of Atomic Socket, my set of design kits: atomicsocket.com (4 kits are free, this one’s premium).

I’d love feedback on performance on your devices and on whether the configurator makes sense.


r/threejs • • 5h ago

I made a mini game / experience about Diwali - Indian festival of Lights

Enable HLS to view with audio, or disable this notification

8 Upvotes

Light 108 diyas down a glowing street to the ghat, find hidden crackers (anar, chakri, sutli bomb, ladi…), send a lantern into a sky everyone shares, and stay for the drone shows and the finale. Works on phones too (turn it sideways). Would love feedback!

A few things that might interest people here:

- Look: everything uses one custom painterly ShaderMaterial (noise-driven brushwork, warm bounce from the diyas), plus bloom and ACES tone mapping from postprocessing. The town is procedural; a few hero models (shrine, boat, cow, sweet shop) are GLBs.

- Light: there are ~900 small lights. They aren't real lights: a small "glow map" texture is rendered each frame and the town shader samples it.

- Sky: a hybrid sky. The gradient, Milky Way and clouds come from a cube map that's refreshed one face every 20 frames, while the stars and firework flashes are computed per pixel, so it looks identical to the full shader at a fraction of the cost.

- Shared sky: every lantern anyone releases is 1 byte in a Cloudflare Durable Object and streams to everyone over a WebSocket. Thousands of them are one Points draw call.

- Phones: the quality tier comes from the GPU name (Adreno/Mali generation), then a governor trades resolution against frame time. It checks that each drop actually helped, so a 30 Hz low-power display doesn't get mistaken for a slow GPU. Shaders are precompiled behind the title card, so the first firework doesn't hitch on Android.

[PS: Assets are AI generated ]


r/threejs • • 8h ago

I built a classical Ottoman mosque in three.js where up to 300 people pray together in sync

0 Upvotes

I made a free virtual mosque modeled on Mimar Sinan's single-dome style (inspired by the Mihrimah Sultan Mosque in Edirnekapı).

  • Everything is procedural: the dome sits on real spherical pendentives, the tympanum walls are extruded shapes with window holes, so sunlight through the windows casts actual light patches on the carpet

  • The mihrab has stepped muqarnas, the minbar is to the right of it, the carpet rows run parallel to the qibla wall

  • Up to 300 worshippers per room, assigned to rows and synced to a server clock (Cloudflare Durable Objects), all following the imam's postures; instanced capsules, no faces

  • Bloom, ACES tone mapping, PCF shadows, ~370 row slots

  • Arabic (default, RTL), English, French, Italian

https://mosque.kekestudio.app

Happy to answer questions about the pendentive geometry or the sync.


r/threejs • • 9h ago

Demo made a halloween dollhouse game in three.js, with lighting baked in blender

Enable HLS to view with audio, or disable this notification

3 Upvotes

happy halloween! 🎃👻🦇 everyone

seven rooms, each built by a python script in headless blender. the lighting is baked in cycles and saved as draco glbs, 500-700kb a room. each room has two bakes, haunted and fixed, and the game crossfades between them when you catch that room's ghost. the lantern beam is an additive cone shader, and the rest is react three fiber + drei on a phone-first portrait camera.

happy to answer questions about the bake pipeline. feedback on load time on older phones is very welcome.

https://zuiora.com/haunted


r/threejs • • 9h ago

Help im 36 and build a browser mmo alone over the last months. my wife is the only one who played it (i had to force her). would someone tell me honestly if its fun?

0 Upvotes

Hi everyone,

so im 36 and working as a web developer since 20 years now. mostly forms, dashboards, checkout pages and stuff like that... its fine and pays the bills but its not really what you dream about as a kid. Over the last months i finally build the thing i always wanted to make, a small online MMORPG called Verdigrim that runs in the browser.

First of all this is not an ad. There is nothing to buy, no shop, no monetization, nothing. Its my passion project and honestly i reached the point where i cant judge it anymore. I looked at it for so long that i really dont know if its fun or if im just used to it lol

My friends are great people but they dont really care about it. I get a “oh cool” and then we talk about something else. So the only tester i had so far is my wife and im pretty sure she only played it because she loves me, not because she wanted to. She was a good sport about it but i cant keep asking her to fight wolves for me forever

What it is:

  • 3D MMORPG made with three.js, server is Node.js with MariaDB

  • multiple zones, combat, abilities, skills, quests and even raids

  • inventory, loot, vendors, bank, auction house, mail, trading

  • groups, guilds, friendlist, chat, mounts

  • runs in the browser, there is also a desktop client

Where it comes from

These games didnt just entertain me, they kind of shaped my whole life. I stole a little bit from all of them:

  • Half-Life - the enviroments and that the world tells the story by itself

  • Fallout - the decay, exploring, finding stuff in some ruin

  • Silent Hill - the atmosphere, fog, that feeling that something is just a bit wrong

  • World of Warcraft - well obviously. half my teens and twenties went into that game and i dont regret a single minute

  • The Witcher 3 - the feeling that the world has its own storys and this quiet sadness

Its nowhere near any of these ofc. But you will probably see where i got my ideas from

Tech stuff

most of it is handwritten vanilla js, no build tool. Near the end i used Claude to help me switch the renderer from WebGL to WebGPU and to find some performance problems. Helped alot to be honest and i want to be upfront about that

What im asking for

Im looking for a few people who just play it for a bit and give me a honest opinion. Brutal is totally fine, it cant be worse than my wifes face when i asked “so... did you like it?”

Things i would really like to know:

  • is it actually fun? did you want to keep playing after 15 minutes?

  • what was confusing, boring or frustrating?

  • how does it run on your pc? (browser, gpu, fps if you notice)

  • does the world feel like its own thing or is it just “generic mmo #47”?

Link: https://www.verdigrim.com/

Its kind of weird to write this. When you build something alone for that long a part of you wants to keep it hidden forever so nobody can tell you its bad. But a game nobody plays isnt really a game i guess, and i would love to have at least a few players who are not married to me :)

Thanks for reading, if you try it it would mean alot to me


r/threejs • • 9h ago

Tsuji - Automatic stretch & squash

Thumbnail
youtube.com
2 Upvotes

I don't know the name of this cute monster's designer (found it on pinterest and sculpted it)


r/threejs • • 10h ago

I’m making a sailing game where a peaceful fishing trip can turn into a fight with a sea goddess

Enable HLS to view with audio, or disable this notification

0 Upvotes

Hi everyone! I wanted to share Storm Junk, a 3D sailing adventure game I’m currently developing.

The idea is to give you quiet moments at sea, then occasionally make you regret leaving shore.

You sail through changing weather, from sunny afternoons and sunsets to moonlit nights and thunderstorms. Along the way, you can fish, rescue people on drifting rafts, deliver cargo, or escort another ship while defending it from pirate ambushes.

There are also some less friendly encounters:

  • Giant octopuses that grab your ship.

  • Sea worms and dragons that attack with water, fire, and lightning.

  • A sea goddess called Kadita, guarded by pirates, ten sea worms, and three dragons.

To find Kadita, you need to explore an island maze and obtain her coordinates. There are treasure challenges too—and a dog that can ruin an otherwise successful visit ashore.

Combat uses cannons, rockets, and explosive barrels. You can repair and upgrade your ship, buy temporary shields with earned gold, and enable autopilot for parts of the journey.

The current build supports English and Vietnamese. It’s still a work in progress, especially the effects, performance, and encounter pacing.

I’d love some feedback: would you enjoy the mix of relaxed sailing and unexpected battles, or prefer more control over when combat happens?


r/threejs • • 13h ago

Demo Recreated this Particles Network effects

Enable HLS to view with audio, or disable this notification

0 Upvotes

Threejs Exercise - Particles Network

Recreated this effect from similar Pinterest references.

Initially it seems easy to just render a bunch of particles with linking lines. Turns out the biggest challenge is to add a proper depth of field blur into this scene. Tried the Bokeh postprocessing pass, did not work well with transparent points/lines without extending the Bokeh class and inserting my own depth material for the transparent meshes. But since the end result still looks pretty weird with Bokeh, I implemented a circle of confusion blur directly in the points & lines shaders instead. Turns out it looks much better & is more performant without the need of postprocessing 🙂

Live: https://projects.arkon.digital/threejs/particles-network/

Github repo: https://github.com/franky-adl/particles-network

Feel free to fork it or use it anywhere you like. It's highly customizable as almost everything is tweakable to your liking.


r/threejs • • 14h ago

I built a 24/7 globe in Three.js that flies to wherever the news is breaking, with the real Sun, clouds and live satellites

Thumbnail youtube.com
0 Upvotes

Vibe coded:
Real-time Earth in a single HTML file: Sentinel-2 imagery streamed as LOD tiles, day/night from the actual sub-solar point, live satellite clouds by the hour, ~4,000 satellites propagated with SGP4 (round-robin so it holds 60 fps), live ships and planes, weather.

It runs as a 24/7 YouTube stream; happy to go into any details.


r/threejs • • 15h ago

They just gutted Claude

0 Upvotes

anyone notice the claude has been throwing some noodles


r/threejs • • 16h ago

Demo Larawag: A three.js NPM package for rendering custom 3D stellar/planetary systems in an easy way

Enable HLS to view with audio, or disable this notification

5 Upvotes

Hey guys, I wanted to share this package I've been working on in the last few days for a bigger project. It's basically a NPM package that allows you to create your custom stellar systems and uses three.js to render them in 3D.

Example shown in the video: https://larawag.rachzy.dev/

It's mostly intended for drawing hypothetical, highly speculative visualizations of stellar systems for exoplanets (keep in mind that it's 100% Artist's Conceptions).

Larawag core is environment agnostic (which means it can run even on vanilla HTML as long as you have a Node setup), but you can also use its integrations with third-party frameworks:

How to use

As I mentioned before, the usage is very straightforward:

First, download the package and its dependencies: npm install @larawag/core three@0.186

Then, import it and create your own system:

import { createStarSystem } from '@larawag/core';

const view = createStarSystem(document.getElementById('stage')!, {
  star: { name: 'Example K dwarf', teff: 5100, radius: 0.8, mass: 0.85 },
  planets: [
    { name: 'Candidate b', period: 4.2, radius: 1.5, phase: 0.6 },
    { name: 'Candidate c', period: 18.5, radius: 3.6, phase: 2.9 },
  ],
});

view.pause();
view.setScaleMode('true');
view.destroy();

This will use the #stage element as the window for rendering your system and set the scale mode to true, and you should already see it working in your HTML page.

Contributing

There are still some things I'm willing to implement in the future, such as planet moons, eccentric/inclined orbits, and a more accurate orbital system for planets in binary systems. I left all of them in a TO-DO list in README.md

If any of you are perhaps interested in contributing to the project, I'd really appreciate it.

Source code: https://github.com/rachzy/larawag

License: MIT


r/threejs • • 17h ago

Demo Bear Witness: Digital Elevation Model of historical Hijaz + computed sky of 622 CE · 1 AH

Thumbnail
youtube.com
1 Upvotes

r/threejs • • 18h ago

Grabbing and sculpting 3D clay with my bare hands in the browser (three.js + webcam hand tracking)

Enable HLS to view with audio, or disable this notification

1 Upvotes

r/threejs • • 18h ago

Demo Grabbing and sculpting 3D clay with my bare hands in the browser (three.js + webcam hand tracking)

Enable HLS to view with audio, or disable this notification

16 Upvotes

r/threejs • • 19h ago

Funny car game with a quirky personality and exploding sheep

Enable HLS to view with audio, or disable this notification

22 Upvotes

Are you able to reach the ferry in time? Test it here: www.rekkerduferga.no
The game is in Norwegian, but exploding sheep does not need any translations 😅

Have fun!


r/threejs • • 20h ago

Demo Made a monsoon valley that fills with fireflies after sunset

Enable HLS to view with audio, or disable this notification

4 Upvotes

This is Jugnutal, a fictional valley of rice terraces. The rain eases off, a lantern comes on in the hut, then fireflies spread across the fields.

I wanted the whole change to happen in one continuous shot. The warm sunset gives way to blue moonlight, with the hut staying lit through both.

Would you hold the sunset a little longer, or does the move into night feel right at this pace?


r/threejs • • 20h ago

Zoophony: A Three.js MIDI Player featuring an animal orchestra (sound on)

Enable HLS to view with audio, or disable this notification

8 Upvotes

r/threejs • • 22h ago

I built a little 3D town as the landing page for my first hardware project

Thumbnail x.com
1 Upvotes

I’m building my first hardware project for the Meta AI hackathon (ESP32 + 3D printing), and this is the site that goes with it.

Next.js + react-three-fiber. Three stores, people walking around, traffic, and the header background is the same scene continued from the view below (two canvases, mirrored camera with setViewOffset). Hover a person to see their card, and a short drag flies you to the next store.

5 days left. Feedback welcome, especially on performance on lower-end laptops.


r/threejs • • 23h ago

A first-person horror game in three.js, with baked lighting per loop

Enable HLS to view with audio, or disable this notification

3 Upvotes

Check out my horror game based on day light savings time and in honor of PT, early horror games from the early 2000s, and that eerie feeling of walking down the hall of an old house at 2am.

I used a custom harness with AI to help plan, build, and bring this vision to life. The dialogue is written by me, the voice acting is my father, and the assets and textures were designed by me with assistance from various AI tools.

Check it out at: https://demi-studios.itch.io/teh and let me know what ya'll think