122 lines
7.8 KiB
HTML
122 lines
7.8 KiB
HTML
<!doctype html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
|
||
<meta http-equiv="Pragma" content="no-cache" />
|
||
<meta http-equiv="Expires" content="0" />
|
||
<title>Chick Sorter v29.00</title>
|
||
<link rel="stylesheet" href="./styles.css" />
|
||
</head>
|
||
<body>
|
||
<main id="app">
|
||
<section id="gameShell" class="game-shell" data-build="v29.00" aria-label="Game screen">
|
||
<div class="build-stamp" aria-label="loaded build">v29.00</div>
|
||
<canvas id="gameCanvas" width="1440" height="900" aria-label="Chick Sorter game canvas"></canvas>
|
||
|
||
<div class="hud hud-top-left" aria-label="Run status">
|
||
<div class="hud-card cash"><span>CASH</span><strong id="money">￥250</strong></div>
|
||
<div class="hud-card"><span>TIME</span><strong id="timeLeft">60.0s</strong></div>
|
||
<div class="hud-card profit"><span>NET</span><strong id="turnProfit">￥0</strong></div>
|
||
<div class="hud-card"><span>DAY</span><strong id="turn">1</strong></div>
|
||
<div class="hud-card compact"><span>PHASE</span><strong id="phaseLabel">Title</strong></div>
|
||
</div>
|
||
|
||
<div class="hud hud-top-right" aria-label="Day result details">
|
||
<div class="hud-card"><span>MIXER</span><strong id="mixerCount">0</strong></div>
|
||
<div class="hud-card"><span>TRUCK F</span><strong id="truckFemaleCount">0</strong></div>
|
||
<div class="hud-card"><span>WRONG</span><strong id="truckMaleCount">0</strong></div>
|
||
<div class="hud-card"><span>POOP</span><strong id="poopCount">0</strong></div>
|
||
</div>
|
||
|
||
<div class="left-bottom-status" aria-label="Important day info">
|
||
<div id="eventBrief" class="event-brief status-chip">NO ACTIVE EVENT</div>
|
||
<div id="speedBrief" class="speed-brief status-chip">BELT: 52 px/s</div>
|
||
<div class="combo-brief status-chip"><span>COMBO</span><strong id="comboCount">0</strong></div>
|
||
</div>
|
||
|
||
<div id="buildPanel" class="build-panel" aria-label="Build and facility upgrades">
|
||
<div class="panel-head">
|
||
<div>
|
||
<h1>CHICK SORTER <span>v29.00</span></h1>
|
||
</div>
|
||
<button id="nextTurnButton" class="primary-button" type="button">Next Day</button>
|
||
</div>
|
||
|
||
<div class="panel-grid">
|
||
<section class="equipment-section">
|
||
<h2>Add / Edit Equipment</h2>
|
||
<div class="large-tools">
|
||
<button id="buildConveyorButton" class="tool-button" type="button"><strong>Conveyor</strong><span>￥30 / tile</span></button>
|
||
<button id="buildBoostConveyorButton" class="tool-button" type="button"><strong>Boost Conveyor</strong><span>￥75 / tile</span></button>
|
||
<button id="buildPowerWireButton" class="tool-button" type="button"><strong>Power Wire</strong><span>￥10 / tile</span></button>
|
||
<button id="buildInsulatedPowerWireButton" class="tool-button" type="button"><strong>Insulated Wire</strong><span>￥22 / tile</span></button>
|
||
<button id="powerOverlayButton" class="tool-button small" type="button"><strong>Power Overlay</strong><span>Show wires</span></button>
|
||
<button id="buildFootbridgeButton" class="tool-button" type="button"><strong>Footbridge</strong><span>￥90</span></button>
|
||
<button id="buildEggFarmButton" class="tool-button" type="button"><strong>Egg Farm</strong><span>￥250</span></button>
|
||
<button id="buildAutoScannerButton" class="tool-button" type="button"><strong>Auto Scanner</strong><span>￥180 / 1.5s cooldown</span></button>
|
||
<button id="buildManualScannerButton" class="tool-button" type="button"><strong>Manual Scanner</strong><span>￥260</span></button>
|
||
<button id="buildMixerButton" class="tool-button" type="button"><strong>Mixer</strong><span>￥450</span></button>
|
||
<button id="buildTrashButton" class="tool-button" type="button"><strong>Waste Shredder</strong><span>￥240</span></button>
|
||
<button id="buildTruckButton" class="tool-button" type="button"><strong>Shipping Truck</strong><span>￥450</span></button>
|
||
<button id="buildInboundTruckButton" class="tool-button" type="button"><strong>Inbound Truck</strong><span>￥350</span></button>
|
||
<button id="buildSausageMakerButton" class="tool-button" type="button"><strong>Sausage Machine</strong><span>￥380 / 3×3</span></button>
|
||
<button id="buildBiomassGeneratorButton" class="tool-button" type="button"><strong>Biomass Gen</strong><span>￥520 / 3×3</span></button>
|
||
<button id="buildCoalGeneratorButton" class="tool-button" type="button"><strong>Coal Gen</strong><span>￥680 / 2×3</span></button>
|
||
<button id="eraseButton" class="tool-button danger" type="button"><strong>Sell</strong><span>Sell or refund equipment</span></button>
|
||
<button id="buildMaintenanceRoomButton" class="tool-button repair" type="button"><strong>Maintenance Room</strong><span>￥220 / 2×2</span></button>
|
||
<div class="history-tools"><button id="undoButton" class="tool-button small" type="button"><strong>Undo</strong><span>Ctrl+Z</span></button><button id="redoButton" class="tool-button small" type="button"><strong>Redo</strong><span>Ctrl+Y</span></button></div>
|
||
</div>
|
||
<div id="buildStatus" class="mini-box">Build tools unlock after each day.</div>
|
||
</section>
|
||
<section class="rules-section compact-rules">
|
||
<h2>Status</h2>
|
||
<div id="turnSummary" class="mini-box"></div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<div id="manualScannerMonitor" class="scanner-monitor" aria-label="Offscreen manual scanner monitor"></div>
|
||
|
||
<div class="control-dock" aria-label="Sorting controls">
|
||
<button id="scanner1MixerButton" class="sort-button" type="button">S1 A -> Mixer</button>
|
||
<button id="scanner1TruckButton" class="sort-button" type="button">S1 D -> S2</button>
|
||
<button id="scanner2MixerButton" class="sort-button" type="button">S2 -> Waste</button>
|
||
<button id="scanner2TruckButton" class="sort-button" type="button">S2 -> Truck</button>
|
||
</div>
|
||
<div id="hoverTooltip" class="hover-tooltip" aria-hidden="true"></div>
|
||
|
||
<!-- DEBUG UI is intentionally kept for this active balancing build. Do not remove during cleanup/audit passes unless explicitly requested. -->
|
||
<details id="debugPanel" class="debug-panel">
|
||
<summary>DBG</summary>
|
||
<div class="debug-body">
|
||
<label class="debug-check"><input id="debugInfiniteCash" type="checkbox" /> Infinite money</label>
|
||
<div class="debug-row">
|
||
<label class="debug-day">Day <input id="debugDayInput" type="number" min="1" step="1" value="1" /></label>
|
||
<button id="debugSetDayButton" type="button">Set Day</button>
|
||
</div>
|
||
<button id="debugZeroTimerButton" type="button">Timer 0</button>
|
||
<button id="debugGrantAllCardsButton" type="button">All Cards</button>
|
||
<label class="debug-card">Card <select id="debugCardSelect"></select></label>
|
||
<label class="debug-target">Target <select id="debugTargetSelect"></select></label>
|
||
<label class="debug-event">Next Event <select id="debugEventSelect"></select></label>
|
||
<button id="debugGrantCardButton" type="button">Grant Selected</button>
|
||
<div id="debugReadout" class="debug-readout"></div>
|
||
</div>
|
||
</details>
|
||
|
||
</section>
|
||
</main>
|
||
|
||
<div id="modal" class="modal visible">
|
||
<div class="modal-card">
|
||
<h2 id="modalTitle">Chick Sorter</h2>
|
||
<div id="modalBody"></div>
|
||
<div id="modalActions" class="modal-actions"></div>
|
||
</div>
|
||
</div>
|
||
|
||
<script type="module" src="./dist/game.js?v=29.00"></script>
|
||
</body>
|
||
</html>
|