Quick summary
STRATA is a survival sandbox built out of blocks, running in a browser tab. A world is generated from a seed the moment you start: rolling plateaus, caves that run as tunnels, ore in its own depth bands, villages with streets and houses, sealed dungeons. You mine it with tools that get faster tier by tier, craft at a table, smelt and cook in a furnace, farm, fish and trade with villagers for emeralds — and when the sun sets, the dark is real: zombies, spiders and archer skeletons come out, and a torch is the difference between a safe room and a spawner. A second game lives inside the same engine: SIEGE, a co-op wave defence on three built arenas.
Who this template is for
STRATA is a block-built survival sandbox that runs in a browser tab: a world you mine, craft, farm and defend, generated from a seed the moment the page opens. It is for people who want a whole game loop on the web, not a voxel tech demo.
- Studios and agencies who want a playable open world in the portfolio — one that survives an hour of play, not a thirty-second walkthrough
- Developers studying how a voxel engine actually fits together — chunked meshing, propagated light, procedural terrain, physics and saves — in plain JavaScript with no engine underneath
- Teachers and brands who want a world people can explore from a link: a guided first night, an in-game helper that answers questions, nothing to install
What problem this template solves
Most “browser game” offerings are either heavy engine exports or toy demos that fall apart the moment you look under the hood. This build is neither.
- Engine exports ship megabytes of runtime before the first frame ever draws
- Toy demos skip the hard parts — real collision, game states, difficulty curves and persistence
- Builders who want to learn from a finished game almost never get to see the instructions that produced it
What you get with this template
You get a complete survival game: a seeded world with caves, ores, villages and dungeons, a day and night that matter, tools and crafting, farming and fishing, villagers to trade with — and a second co-op wave mode built into the same engine.
- A voxel engine in plain Three.js: chunk streaming, a greedy mesher with crossed-quad plants and box-shaped blocks (doors, fences, beds, torches, chests), and two-channel propagated light so caves are genuinely dark and a torch genuinely lights them
- A full survival loop — harvest-to-inventory, a 2x2 and 3x3 crafting grid, four tool tiers, a furnace, hunger, health, drowning, farming with real growth, fishing, cooking and bone meal
- A living world: zombies, spiders and archer skeletons after dark, animals by day, villages with farmers, fishers and toolsmiths who trade for emeralds, and dungeons with working monster spawners
Page sections overview
| Section | Purpose |
|---|---|
| Light That Propagates | Two light channels baked per block, so the dark is real and a torch is a decision |
| A World From A Seed | Terrain, caves, ores, villages and dungeons, all a pure function of one number |
| The Whole Survival Loop | Mine, craft, eat, farm, fish and trade — with the real tool and break-time rules |
| A Game That Teaches Itself | Step-by-step walkthroughs, a do-it-for-me button, and an offline helper you can ask |
| SIEGE: A Second Game Inside | A co-op wave mode on the same engine, where the light rule is the mechanic |
Design & branding system
The art direction is a sunlit block world with real weather in its light: warm days, long dusks, and nights that are properly dark.
- Every texture is painted in code at boot — terrain atlas, mobs, items and icons — and every sound is synthesised in WebAudio, so the build ships with no image or audio files at all
- A sky that runs a real day: sun and moon at their true sizes, eight moon phases, stars, and a colour curve tuned so dusk reads as dusk and not as fog
- Distance fog that knows the horizon from the zenith, so the far hills fade into the sky they sit against instead of into a grey wall
Mobile & speed optimization
The game targets desktop first — keyboard and mouse are the primary controls — while staying light enough to load instantly anywhere.
- No engine runtime and no asset downloads, so the whole game arrives in a handful of requests
- A capped frame delta keeps the simulation stable even when the browser tab stutters or loses focus
- The page stays lean: no frameworks, no trackers, nothing between the visitor and the game loop
How this template helps you convert
A playable game holds attention longer than any showreel. The page around it is structured to turn that attention into a next step.
- Visitors play immediately — no signup, download or install stands between them and the first round
- The finished build is fully inspectable, which turns curious players into builders who want the prompt behind it
- The one-time prompt unlock offers a concrete, low-friction next step while the session is still hot
Other information about this template
STRATA is built to be played, not just watched. A few notes before you build on it.
- Desktop with a keyboard and mouse: WASD to move, the mouse to look, left click to mine and right click to place or use. M mutes the sound
- Worlds save in the browser, one save per world, with a world list on the title screen; nothing is stored on a server
- Everything ships as static files — plain scripts, a vendored Three.js, no bundler, no build step, no server
- All of it is original: invented blocks and creatures, art drawn in code, and nothing licensed from any other game
How it works
Plain scripts on a vendored Three.js — no engine, no bundler, no build step, and no binary assets at all: the terrain atlas, every creature, every item icon and the sky are painted in code at boot, and every sound is synthesised in WebAudio. The world streams in chunks through a mesher that handles full cubes, crossed-quad plants and box-shaped blocks, lit by two propagated light channels. Each feature ships behind its own headless test rig — navigation audits for every SIEGE arena, light and spawn gates, trading, crafting and sound — and the screenshots on this page come out of the same build.
Screenshots
Captured from the live build — the title screen and real play, level by level.
