- Full classic layer: roads/walkers, 11-tier housing evolution, food chain, industry chains, trade routes, taxes/wages, ratings, fires & collapse - Fantasy layer: heroes (XP/levels/auras), mana & 7 spells, monsters/invasions, walls/towers/legions/golems, campaign of 5 scenarios + endless sandbox - Canvas2D isometric engine with procedural sprites, zero runtime deps - Save/load slots + autosave, WebAudio synth music/SFX, HUD/menus/minimap - Tests: headless sim smoke test + Playwright E2E (build/combat/save)
35 lines
1.6 KiB
HTML
35 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
|
|
<title>Imperium Arcanum — City Builder of Legends</title>
|
|
<link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' rx='6' fill='%232a1d3a'/%3E%3Cpath d='M6 24h20l-3-12h-14z' fill='%23c9a227'/%3E%3Crect x='13' y='6' width='6' height='8' fill='%23e8d28a'/%3E%3C/svg%3E" />
|
|
<style>
|
|
:root{
|
|
--gold:#c9a227; --gold-l:#ecd07d; --parch:#e8d8ae; --ink:#2b1d10;
|
|
--panel:#3a2a1c; --panel-d:#2a1d10; --panel-l:#55402a;
|
|
--red:#b03a2e; --green:#3f7d43; --blue:#3a6ea5; --purple:#6b4fa1;
|
|
--font:'Trebuchet MS','Segoe UI',Verdana,sans-serif;
|
|
}
|
|
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent;}
|
|
html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#14101c;font-family:var(--font);color:var(--parch);}
|
|
#game{position:absolute;inset:0;}
|
|
canvas#world{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:default;}
|
|
.hidden{display:none !important;}
|
|
button{font-family:var(--font);}
|
|
::-webkit-scrollbar{width:10px;height:10px}
|
|
::-webkit-scrollbar-track{background:#241a10;border-radius:6px}
|
|
::-webkit-scrollbar-thumb{background:#6b5233;border-radius:6px;border:2px solid #241a10}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="game">
|
|
<canvas id="world"></canvas>
|
|
<div id="ui-root"></div>
|
|
<div id="toast-root"></div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
</html>
|