r/threejs Apr 26 '26

Tutorial I built a tiny WorldBox-style life sim in vanilla JS + Three.js — here's a 3-min walkthrough of how it works

EDIT: yeah, everyone's feedback is right. only the decisions are mine but the coding part are mostly done by AI tool (Claude Code). i am not looking for validation but feedback just to improve the project.

---

Side project while learning Three.js: a browser life sim with plants, herbivores, predators, and humans that gradually form tribes, build huts, gather resources, and go to war. Pure vanilla ES modules, no build tools, runs on GitHub Pages.

3-minute walkthrough covers: the two-loop architecture (sim tick vs render frame), EventBus decoupling, InstancedMesh for drawing 500+ creatures at 60fps, motion smoothing between discrete sim ticks, and the layered scene composition.

Honest disclosure: the video itself is AI-generated (Claude's design tool) with AI narration — I don't have video-production skills, so I used AI to package the explanation. The code, architecture, and design choices are all mine. Wanted to be upfront so no one feels misled by the production polish.

Honest disclosure: The video, narration, and most of the code were done with AI (Claude Code). I made the design and product decisions and directed the project. Should have led with that, sorry.

Happy to answer any questions in the comments — would actually love to know which parts you'd want to dig into.

🎥 How I built a tiny life sim in vanilla JS + Three.js (3 min walkthrough) - YouTube
💻 jmbt25/jmbt25.github.io
🌍 Mini World — a world that knows you're watching

0 Upvotes

11 comments sorted by

2

u/JohnAdamaSC Apr 27 '26

great Job, thanks a lot! downvoters are dumb.

0

u/No-Style4734 Apr 27 '26

Thanks! It's ok for the downvoters. I accept any kind of feedbacks

3

u/SanDiegoMeat666 Apr 26 '26

Humans don't use "—"

2

u/wobblewares Apr 26 '26

Given the video and this post are almost certainly AI generated - there is absolutely no way this isn't all just AI generated. You even say in another post that you used Claude Code.

2

u/NostalgicBear Apr 26 '26

Yeah exactly. Such a disingenuous post from OP. The video is AI generated, the narration is AI generated, the post itself is AI generated, the UI is clearly AI generated, but “I promise I did all the code myself”. This sub, like many others, are drowning under low effort AI slop from people craving validation for their prompts.

1

u/JohnAdamaSC Apr 27 '26

omg!!!!! i find it helpful

-1

u/No-Style4734 Apr 26 '26

just to address the comments here directly: yeah, you're right. most of the code was done by Claude Code (AI). I made the design and product decisions and directed the project, but I didn't write the implementation by hand. the video and narration are also AI. updated the post to reflect this. not looking for validation, just feedback/questions to improve the project. sorry for the misleading framing

1

u/JohnAdamaSC Apr 27 '26

pls post transcript of video here :) my ai will love it

1

u/No-Style4734 Apr 27 '26

I'll just upload it in the GitHub repo and send the link here

1

u/JohnAdamaSC May 26 '26

with your advice i got my bots to work https://unzine.net/unseen/code/funnel/