DETAILFIG.01 · Item [03]
Scale 1:1
Back to index
Live·TypeScript · React · Canvas

Alvorada

Civilization-style 4X strategy game in the browser

3.1Overview
Alvorada is a turn-based 4X strategy game in the spirit of Civilization, played entirely in the browser. Found cities, work the land around them, send warriors and settlers across a hex world, and climb a tech tree that runs from Pottery and Bronze Working in the Ancient Era all the way to the Industrial age. Win by conquest or by the weight of your civilization's score. Under the parchment map is a pure, deterministic game engine: no backend, no image assets, every tile, unit, and banner painted procedurally onto a canvas. A whole match is captured by its config and action log, so replays come out bit-identical, which is the foundation a future multiplayer mode will stand on. The rival AI plays by the same rules and the same fog you do, and the Counsel screen shows every decision it made with the reason behind it.
3.2Features
  • [01]Hex-map 4X loop: explore, expand, build, and fight for victory by conquest or score
  • [02]Tech tree from the Ancient Era to the Industrial age, from Pottery to Electricity
  • [03]Found and grow cities, assign specialists, and build wonders like the Pyramids and the Great Library
  • [04]Workers reshape the land: farms, mines, roads, lumber mills, and cleared forest
  • [05]Units promote with XP, fortify, embark, and go obsolete as better ones arrive
  • [06]Explainable AI: the Counsel screen lists every rival decision with its stated reason
  • [07]Deterministic engine: a match replays bit for bit from its action log alone
  • [08]Runs fully client-side: autosave each round, export and import saves, no account needed
3.3Screens
SS-01· tablet
Alvorada tech tree on iPad
Tech tree · iPad
SS-02· desktop
Alvorada hex world map with a city and unit in browser on MacBook
World map · MacBook
Rev 2026.05·End of figure