Call us

Case study · Walkable 3D town where every house is a client website

Client City

A cozy mountain town you walk through in the browser. Each house is a client site in that client's own theme.

Walk the town →
Client City: Walkable 3D town where every house is a client website
The live site as it looks today.
Client
Our own showcase
Type
First-person 3D town in the browser
Stack
Three.js, heightmap terrain, CC0 PBR materials via splat map, instanced trees, road-following fast travel, phone mode
Status
Live, version 6
Where
thebaileyperspective.com/cityview, playable from any browser worldwide

The brief

A portfolio page is a list. We wanted something a visitor would remember: a place you can walk, where each client's site stands as a house in its own style, from a snowy log cabin for the Christmas shop to a golden saucer for the galactic calendar.

It also had to run on a phone, because that is where most first visits come from, and it had to show the work quickly: a visitor who has to hike to find the buildings never sees them.

What shipped

  • A cobbled town square with a well, benches, flower beds, lanterns and a notice board, ringed by five client houses
  • Two short lanes off the square with the rest of the houses and three open lots; nothing is more than a minute's walk from the gate
  • Heightmap terrain with photo-real CC0 materials blended by a splat map, pine forest on the surrounding hills, a river and a stone bridge at the gate
  • Themed houses per client: cabin, saucer, A-frame chapel by a lake, adobe market, clinic, barn, arcade
  • A compass bar, wooden signposts at every lane, place banners, road-following fast travel, and a sun that is the button back to the main site
  • Three open lots for the next clients, each linking to the contact page

How it was built

Everything is Three.js running in the browser with no plugins. A lower-detail phone mode drops tree counts and texture sizes to keep it smooth on mobile.

It went through six versions in a week: a street, a ring village, a long valley with winding roads, and finally this town, after walking the valley showed that spreading the buildings out hid the work. Each version shipped live and was tested on real phones.

Where it stands

  • Every client site has a themed house with the live site on its facade
  • From the gate you can see the square and most of the houses; nothing is hidden behind a hill
  • The open lots are a standing call to action for new clients

One lesson

Spread out is not the same as explorable. A long valley hid the buildings that are the whole point; a compact square with short lanes shows them all and still feels like a place.

Want something like this for your business?

We work remotely with clients across the United States and worldwide from our studio in Greenville, SC. One 30-minute call, one fixed price.

Book a 30-min call →Call (303) 775-7196

Services this proves

More case studies

← All our work