Skip to content

← Back to selected work

Personal project / Voxel MMORPG

Ember Wilds.

A multiplayer voxel RPG with seven regions, quests and combat.

Open project Live in a browser

Trailer 0:54 Download

Music credits

Adventure by Alexander Nakarada. CC BY 4.0. Excerpts edited and mixed for this trailer.

Screenshots

Ember Wilds in Fallowmere at dusk: a level-30 character in a voxel landscape. — Ember Wilds

The Hearthvale in Ember Wilds: green voxel meadows split by a river, a level one character on the bank, quest panel at top left. — Hearthvale
The starting region, with a river, goblins and the first quests.

Fallowmere in Ember Wilds: a dusty orange plain of voxel trees at dusk, embers drifting, a level thirty character in the centre. — Fallowmere
Fallowmere at dusk, with direfangs near the player and an active quest log.

The Greenmarch in Ember Wilds: pale flats under a bleached sky with a white ruin and a chest, lore lines stacked at bottom left. — Greenmarch
Greenmarch, with pale terrain, a ruined colonnade and a chest.

The Fenmarch in Ember Wilds: a dark, near-monochrome marsh at night lit only by the character’s own glow. — Fenmarch
The darkest region. The only reliable light source in this frame is the character.

The Ashen Waste in Ember Wilds: a red-lit waste mid-combat, a white nova ring expanding from the character, damage number 684 above a creature. — Ashen Waste
A nova attack in the Ashen Waste, with a 684 damage marker.

The Greywall Peaks in Ember Wilds: pale grey stone terraces under flat light, banners, and a cluster of glowing projectiles mid-flight. — Greywall Peaks
Greywall Peaks after combat, with banners, dropped items and projectiles still visible.

The Black Plateau in Ember Wilds: a dark red-violet plateau with the region title card centred and a lore line beneath it. — Black Plateau
The title card for Black Plateau, the seventh region.

My work

World design, the browser client and the realm service.

Working with

three.js · Colyseus · WebSocket · Fly.io

Inside the build

Keeping a shared world in sync.

Context

Every player needs the same world state, including quests, loot and combat, while the browser remains a responsive renderer.

How it works

A separate realm service runs the simulation. Colyseus rooms send shared state over WebSocket to the three.js client.

In the work

Live without install: seven regions and realms that hold up to 64 players.

Realm: Web tier plus separate authoritative realm service
Progression: Fame, satchel and tiered gear across seven regions
World rule: Classes unlock through beast lore and study, not a skill tree

More detail Controls and additional screenshots

Two browsers connected to the same realm in Ember Wilds. — Two browsers, one realm
The same Hearthvale state rendered in two browsers.

Keep exploring.

The whole collection →

A sailboat beneath a rising sun, with a warm path of light across the ocean in Saltline.

saltline Simulation / multiplayer

murmuration in ribbon style: a dense violet and white form of drawn-out particle streaks against black, filling most of the frame.

murmuration Audio / WebGPU

Blockhold in a live battle: voxel towers defend a road against an incoming wave.

Blockhold Voxel tower defense