TURNCRAFT/demo-player.html
jing 5a39e3a947 TURNCRAFT: contracts, docs, and all five lane deliverables (pre-integration)
Lanes A (engine), B (player), C (worldgen), D (machines/quest),
E (audio/fx/ui) as landed, each with HANDOFF.md + update docs.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-13 20:50:56 +10:00

51 lines
2.5 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>TURNCRAFT — Lane B Player Demo</title>
<!--
WHAT TO VERIFY (Lane B acceptance):
1. Walk/sprint/jump/fly. WASD move, Space jump, Shift sprint, F toggles
fly (Space/Ctrl = up/down in fly). Mouse look after clicking to lock.
2. Auto-step: walk into the grey 1-voxel staircase — you climb it without
jumping. Walk into the black 2-voxel wall — you are blocked (no step).
3. Bridge + pit: cross the 2-wide plywood bridge over the near pit; don't
fall stepping onto it; the gaps on each side drop you.
4. Ride the record: walk onto the big spinning disc (or press "Teleport to
disc"). Standing anywhere carries you in a clean circle; near the
center is calm, the rim is fast. Toggle "Speed: 45" — the rim now
outruns sprint and flings you when you jump off.
5. Moving platform: the copper slab slides across the far pit with zero
jitter — ride it, don't fall through.
6. Console logs player:step and player:landed events. HUD (top-left) shows
position, onGround, groundedOn, and carry velocity.
-->
<style>
html, body { margin: 0; height: 100%; overflow: hidden; background: #0a0a0c;
font-family: ui-monospace, Menlo, monospace; color: #e6e6e6; }
#hud { position: fixed; top: 8px; left: 8px; font-size: 12px; line-height: 1.5;
white-space: pre; background: #000a; padding: 8px 10px; border-radius: 5px;
pointer-events: none; }
#panel { position: fixed; top: 8px; right: 8px; display: flex;
flex-direction: column; gap: 6px; }
#panel button { font-family: inherit; font-size: 12px; padding: 6px 10px;
background: #1c1c22; color: #e6e6e6; border: 1px solid #33333c;
border-radius: 5px; cursor: pointer; }
#panel button:hover { background: #2a2a33; }
#hint { position: fixed; bottom: 8px; left: 8px; font-size: 12px; color: #9a9aa2; }
</style>
</head>
<body>
<div id="hud"></div>
<div id="panel">
<button id="spin">Speed: 33</button>
<button id="tp">Teleport to disc</button>
<button id="fly">Fly: off</button>
<button id="bob">View-bob: on</button>
</div>
<div id="hint">Click to lock mouse · WASD move · Space jump · Shift sprint · F fly · Ctrl fly-down</div>
<script type="module" src="/src/demo/playerDemo.ts"></script>
</body>
</html>