Hi all,
I built a map with 30,000 plots, and every plot that gets claimed turns into a building in a 3D city you can fly around in the browser. Kind of the Million Dollar Homepage, if it grew a skyline.
A few things under the hood:
- three.js r128, buildings drawn with instancing so the whole grid fits in one tab
- bloom through EffectComposer / UnrealBloomPass
- the sky and lights follow the real time of day in Yerevan
- shader programs are warmed up in small batches before the first frame, so the camera doesn’t stutter when the city appears
Honest bit: I’m not a programmer. I built it with AI, one question at a time, so I’d really like to hear what a three.js person thinks is wrong with it, especially on weaker laptops and phones.
Looking around is free. Thanks for looking!