explaingit

jasonkneen/tiny-world-builder

Analysis updated 2026-07-03 · repo last pushed 2026-07-03

⭐ Rising1,371JavaScriptAudience · generalComplexity · 2/5ActiveSetup · easy

TLDR

A browser-based 3D world editor for sculpting terrain and placing buildings, with smart adjacency rules and working traffic AI. Build tiny dioramas, explore them, and share with others, no game engine required.

Mindmap

mindmap
  root((repo))
    What it does
      Sculpt 3D terrain
      Place buildings and objects
      Fly through worlds
    Tech stack
      JavaScript single file
      Three.js library
      Static site deployable
    Use cases
      Mock up level layouts
      Demo spatial concepts
      Build and share dioramas
    Audience
      Game designers
      Founders and PMs
      Hobbyists
    Features
      Smart adjacency merging
      Traffic AI vehicles
      Isometric and 3D views
Click or tap to explore — scroll the page freely

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Mock up a game level layout without installing a game engine.

USE CASE 2

Demo a spatial concept to investors with a shareable 3D world link.

USE CASE 3

Build a charming diorama with terrain, houses, and animals, then share it.

USE CASE 4

Prototype a city grid with working traffic AI to visualize vehicle routing.

What is it built with?

JavaScriptThree.js

How does it compare?

jasonkneen/tiny-world-builderfoundzigu/gujumpgategtxx3600/gptsession2cpaandsub2api
Stars1,3711,3451,415
LanguageJavaScriptJavaScriptJavaScript
Last pushed2026-07-032026-06-10
MaintenanceActiveActive
Setup difficultyeasyhardeasy
Complexity2/54/51/5
Audiencegeneraldeveloperops devops

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

No setup needed, it's a static site you can deploy to Vercel or Netlify with zero external dependencies.

In plain English

Tiny World Builder is a browser-based 3D world editor that lets you sculpt terrain, place buildings and objects, and fly through the worlds you create. Think of it as a Minecraft-like creative tool, but focused on building tiny dioramas, cliffs, rivers, houses, farms, roads, and animals, that you can explore from any angle and share with others. You start with a grid and click cells to place terrain (grass, water, stone, sand, snow, lava) or objects (houses, trees, fences, crops, animals). The editor is smart about adjacency: place two path cells next to each other and they join into a road, place houses near each other and they merge into larger building shapes, put water near land and you get banks and foam. You can sculpt terrain by raising or lowering cells, paint surfaces, switch between isometric and perspective camera views, and stack objects up to eight levels high. Worlds save locally in your browser, and you can export or share them. The project also includes a vehicle system with working traffic AI. You can spawn cars on roads, give them destinations, and watch them navigate, they reroute around obstacles, yield to each other, and stop if a road is fully blocked. There's even a seeded demo mode that generates a city grid with arterial roads, bridges, and cul-de-sacs, then populates it with delivery vehicles driving along routes. The audience here is anyone who wants to prototype or visualize a small 3D world without setting up a game engine. A game designer could mock up a level layout, a founder could demo a spatial concept to investors, or a hobbyist could just build something charming and share a link. Technically, it's a single JavaScript file using the Three.js 3D library, with everything self-hosted, no external CDN dependencies. It deploys as a static site on platforms like Vercel or Netlify. The README is notably detailed about its internal architecture, which is unusual for a creative tool and suggests it's built with extensibility in mind.

Copy-paste prompts

Prompt 1
Help me extend Tiny World Builder by adding a new terrain type called 'swamp' that renders dark green with muddy edges where it meets water. Walk me through where to add it in the code.
Prompt 2
I want to add a new object type, a windmill, to Tiny World Builder. How should I structure the geometry in Three.js and register it so it appears in the placement menu?
Prompt 3
Using Tiny World Builder, how do I export a world I built and share it with someone via a link? Explain the local save and export flow.
Prompt 4
Help me modify the traffic AI in Tiny World Builder so that cars avoid a specific cell I mark as construction. How do I hook into the rerouting logic?

Frequently asked questions

What is tiny-world-builder?

A browser-based 3D world editor for sculpting terrain and placing buildings, with smart adjacency rules and working traffic AI. Build tiny dioramas, explore them, and share with others, no game engine required.

What language is tiny-world-builder written in?

Mainly JavaScript. The stack also includes JavaScript, Three.js.

Is tiny-world-builder actively maintained?

Active — commit in last 30 days (last push 2026-07-03).

How hard is tiny-world-builder to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is tiny-world-builder for?

Mainly general.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Scan in gitsafehub Deploy in gitdeployhub jasonkneen on gitmyhub

Verify against the repo before relying on details.