zunda_shiwake/index.html

122 lines
7.8 KiB
HTML
Raw Normal View History

2026-06-07 15:05:24 +09:00
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
2026-06-11 14:34:37 +09:00
<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" />
2026-06-12 13:48:35 +09:00
<title>Chick Sorter v29.00</title>
2026-06-11 14:54:21 +09:00
<link rel="stylesheet" href="./styles.css" />
2026-06-07 15:05:24 +09:00
</head>
<body>
<main id="app">
2026-06-12 13:48:35 +09:00
<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>
2026-06-07 15:05:24 +09:00
<canvas id="gameCanvas" width="1440" height="900" aria-label="Chick Sorter game canvas"></canvas>
<div class="hud hud-top-left" aria-label="Run status">
2026-06-11 01:09:49 +09:00
<div class="hud-card cash"><span>CASH</span><strong id="money">¥250</strong></div>
2026-06-07 15:05:24 +09:00
<div class="hud-card"><span>TIME</span><strong id="timeLeft">60.0s</strong></div>
2026-06-11 01:09:49 +09:00
<div class="hud-card profit"><span>NET</span><strong id="turnProfit">¥0</strong></div>
2026-06-07 18:06:35 +09:00
<div class="hud-card"><span>DAY</span><strong id="turn">1</strong></div>
2026-06-07 15:05:24 +09:00
<div class="hud-card compact"><span>PHASE</span><strong id="phaseLabel">Title</strong></div>
</div>
2026-06-07 18:06:35 +09:00
<div class="hud hud-top-right" aria-label="Day result details">
2026-06-07 15:05:24 +09:00
<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>
2026-06-11 14:34:37 +09:00
<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>
2026-06-07 15:05:24 +09:00
</div>
<div id="buildPanel" class="build-panel" aria-label="Build and facility upgrades">
<div class="panel-head">
<div>
2026-06-12 13:48:35 +09:00
<h1>CHICK SORTER <span>v29.00</span></h1>
2026-06-07 15:05:24 +09:00
</div>
2026-06-07 18:06:35 +09:00
<button id="nextTurnButton" class="primary-button" type="button">Next Day</button>
2026-06-07 15:05:24 +09:00
</div>
<div class="panel-grid">
<section class="equipment-section">
<h2>Add / Edit Equipment</h2>
<div class="large-tools">
2026-06-11 01:09:49 +09:00
<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>
2026-06-12 13:48:35 +09:00
<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>
2026-06-11 01:09:49 +09:00
<button id="buildEggFarmButton" class="tool-button" type="button"><strong>Egg Farm</strong><span>¥250</span></button>
2026-06-11 22:49:46 +09:00
<button id="buildAutoScannerButton" class="tool-button" type="button"><strong>Auto Scanner</strong><span>¥180 / 1.5s cooldown</span></button>
2026-06-11 01:09:49 +09:00
<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>
2026-06-12 13:48:35 +09:00
<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>
2026-06-11 22:49:46 +09:00
<button id="buildSausageMakerButton" class="tool-button" type="button"><strong>Sausage Machine</strong><span>¥380 / 3×3</span></button>
2026-06-12 13:48:35 +09:00
<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>
2026-06-08 13:18:33 +09:00
<button id="eraseButton" class="tool-button danger" type="button"><strong>Sell</strong><span>Sell or refund equipment</span></button>
2026-06-11 14:34:37 +09:00
<button id="buildMaintenanceRoomButton" class="tool-button repair" type="button"><strong>Maintenance Room</strong><span>¥220 / 2×2</span></button>
2026-06-07 15:05:24 +09:00
<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>
2026-06-07 18:06:35 +09:00
<div id="buildStatus" class="mini-box">Build tools unlock after each day.</div>
2026-06-07 15:05:24 +09:00
</section>
2026-06-11 01:09:49 +09:00
<section class="rules-section compact-rules">
2026-06-07 15:05:24 +09:00
<h2>Status</h2>
<div id="turnSummary" class="mini-box"></div>
</section>
</div>
</div>
2026-06-08 22:05:54 +09:00
<div id="manualScannerMonitor" class="scanner-monitor" aria-label="Offscreen manual scanner monitor"></div>
2026-06-07 15:05:24 +09:00
<div class="control-dock" aria-label="Sorting controls">
2026-06-07 18:06:35 +09:00
<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>
2026-06-07 15:05:24 +09:00
</div>
2026-06-08 13:18:33 +09:00
<div id="hoverTooltip" class="hover-tooltip" aria-hidden="true"></div>
2026-06-08 22:05:54 +09:00
2026-06-11 01:09:49 +09:00
<!-- DEBUG UI is intentionally kept for this active balancing build. Do not remove during cleanup/audit passes unless explicitly requested. -->
2026-06-08 22:05:54 +09:00
<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>
2026-06-11 01:09:49 +09:00
<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>
2026-06-09 10:38:29 +09:00
<button id="debugZeroTimerButton" type="button">Timer 0</button>
2026-06-08 22:05:54 +09:00
<button id="debugGrantAllCardsButton" type="button">All Cards</button>
2026-06-11 01:09:49 +09:00
<label class="debug-card">Card <select id="debugCardSelect"></select></label>
<label class="debug-target">Target <select id="debugTargetSelect"></select></label>
2026-06-11 22:49:46 +09:00
<label class="debug-event">Next Event <select id="debugEventSelect"></select></label>
2026-06-11 01:09:49 +09:00
<button id="debugGrantCardButton" type="button">Grant Selected</button>
2026-06-08 22:05:54 +09:00
<div id="debugReadout" class="debug-readout"></div>
</div>
</details>
2026-06-11 01:09:49 +09:00
2026-06-07 15:05:24 +09:00
</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>
2026-06-12 13:48:35 +09:00
<script type="module" src="./dist/game.js?v=29.00"></script>
2026-06-07 15:05:24 +09:00
</body>
</html>