3D City Designer

Change the kinds of blocks in the 3D city builder or make your own: place buildings on each block, set what each block adds to the city's totals, try them in the city on the right, then download your city as one HTML file that runs on HTML and CSS alone, no JavaScript.

Your designs

Each design keeps its own block types, stats and placed blocks, and saves as you work.

Share

Others can open your design and use it as a starting point. A link holds the whole design (no server needed).

Stats

The city adds these up over every placed block and shows the totals in its menu (the small map compares the first two, homes against jobs).

Names are lowercase letters and digits. Up to 6.

Your buildings (3D models)

Upload your own buildings as .obj files (export from Blender or another 3D program; add the .mtl file too for its colours). Each face becomes an HTML element on every lot, so keep models simple: up to 400 faces, and faces with more than 4 corners should be triangulated first.

Materials (the material names in your model set the look)

Name materials brick, stone, wood, concrete, roof, door, window, window-wide (or window-wide-N for N panes), window-split (or window-split-N, window-split-N-M), fence, awning, parking, plant, stump, pond, concrete-color (takes the building's colour setting), text (shows its sign), ignore (left out), or a colour like rgb(200,60,60). Any other material uses its colour from the .mtl file, or concrete without one. One unit in the model is 2 of a block's 100 (a house is about 4 units wide), and y is up.

Block types

Drag buildings around a block's plan (seen from above; the road runs around the edge). Changes show up in the city right away. Every lot in the city carries every block type, so each type adds to the download's size (up to 8 types).

Your city

Place blocks in the preview like in the game: click a block type at the bottom, then click a lot. They stay put while you change the block types.

Preview size

Download

City size