Threetopia — world coming soon

Let our projects join in one world

Open-source Three.js projects often end up as separate demos. Connect them and your grass could grow beside someone else’s river, with another creator’s birds overhead.

Bring something you’ve made, get to know other makers and help build a world together.

Want to join in?

How the scenes connect

Build a scene on a hex tile. Shared edges let its paths and rivers continue into the next creator’s tile.

Your scene

Make it your own

The edges stay connected.

How the edges work

Tiles use shared border pieces for ground height, paths and water. The planned CLI checks that they match; the preview is where you walk across the joins. Threetopia provides the camera, controls and loading.

Hex tile concept · format in development

Start with what you’ve made.

A component others can use, or a place to explore together.

A flock of small shorebirds gathers along the water’s edge. — Little Birds Brian GruberInspiration

Share a component

Grass, a shader, a flock of birds. Give other creators something to build with.

Treehouses and rope bridges surround a turquoise lagoon. — Lagoon Tree Village cryptomanavanInspiration

Build a place

Bring your work and other creators’ components together in a scene. Connect it to the shared world.

Let’s find a place for your project.

Join the first creators

Package explorer

Find the pieces for your world.

Browse packages, meet their makers and see how they fit into a world.

Packages Interactive concept

6 example packages

Explorer concept · existing projects shown as example listings.

Package X-ray

See what a place is made of.

At any location in Threetopia, reveal the packages in your view. Pick a part of the scene to see who made it and open it in the explorer.

Package X-ray Interactive concept

Try a location

A scene, separated into its packages.

X-ray concept · illustrative locations and package combinations.

Check it from your repo

The CLI would check the tile format and every neighbouring edge. The preview is where you test the actual crossing. This is the workflow we’re building.

~/my-forestworkflow preview

$ threetopia check
  Tile forest · (0, 0) · rotation 0°
  ✓ Size & scale · 50 m · 1 unit = 1 m
  × East ground · forest 0 m / village 1 m
  Placement blocked.
  Fix: use the shared path-3m border mesh.

  # After updating the village boundary
$ threetopia check
  ✓ All 6 boundary profiles
  ✓ Declared heights, corners & water
  ✓ Asset manifest & collider references
  Ready to preview.

$ threetopia preview
  Open forest with its six neighbours.
  # Inspect seams, collisions & frame cost

$ threetopia publish
  ✓ Published forest@0.1.0.

threetopia initSet up a tile with the shared coordinates, lifecycle hooks and asset manifest.
threetopia add <component>Use a shared edge profile or build with something another creator has made.
threetopia checkCheck size, scale, edge declarations and asset references. For a placement, compare all six sides with their neighbours.
threetopia previewLoad the tiles together. Walk across borders and inspect collisions, materials, lighting and frame cost.
threetopia publishPublish a version of your tile or component, with its dependencies and creator credits, ready for placement.

A preview of the intended workflow. The CLI is still in development.

The first creators

Meet your future
neighbours.

Bring your Three.js project and get to know the people building beside you.

Join the creators

—

creators on the waitlist

A few practical questions

Can I bring a project I already maintain?

Yes. Your project can stay in its own repo. A standalone demo may need an adapter: it must use the world’s renderer and controls, expose update and cleanup hooks, and declare the assets it uses.

Do I need to build a whole scene?

No. Grass, water, materials, birds or a single building can all be contributions. Other creators can use those parts in their scenes.

Do our scenes need to look alike?

The interiors can have their own style. Shared border geometry, material transitions and lighting rules help the joins feel continuous. Exactly how much freedom that leaves is something we want to test with the first creators.

What if two tiles don’t match?

Rotate the tile, choose a compatible neighbour or build a transition tile. All six boundaries need to fit, including their corner heights. Matching declarations still need a preview together; they do not prove that the actual meshes line up.

Can I explore Threetopia yet?

Not yet. The world and tools are still in development. The hero and tile map show the idea. The world’s coming-soon page is here.

Join the first creators.

Leave your email to get an invite when the first shared world is ready.

Already building something? We’d love to see it.

Get in touch on X

A home for
Three.js creators.