a41328a219
The yard's meshes are placeholders; its layout is not. Anchor positions, ground heights, the garden rect and the sun direction are what the other lanes build against, so Lane E's GLBs drop into named slots without anyone re-deriving them. Sun sits in the north (Australian yard), which puts the house's yard-facing wall in permanent backlight. That's correct, but the fascia line carries three of the seven anchors, so sky fill is turned up to keep it readable rather than a void. Camera collision resolves toward the geometry, not away from it: clamping up to a comfort distance after the raycast is what put the camera 17cm inside the north wall. Ground is handled by heightAt() instead of a raycast — exact, can't be tunnelled, and free. main.js runs a fixed-dt accumulator so sim modules only ever see FIXED_DT. That is what lets selftest fast-forward a 90s storm and get the numbers the player got. Nothing auto-runs on import; index.html calls boot(). Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
39 lines
1.2 KiB
HTML
39 lines
1.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>SHADES — yard (M0)</title>
|
|
<style>
|
|
html, body { margin: 0; height: 100%; overflow: hidden; background: #9fc4dd; }
|
|
canvas { display: block; width: 100%; height: 100%; }
|
|
#dev, #help {
|
|
position: fixed; left: 10px;
|
|
font: 12px ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
color: #eef4f8; text-shadow: 0 1px 2px #0009;
|
|
pointer-events: none; user-select: none;
|
|
}
|
|
#dev { top: 10px; }
|
|
#help { bottom: 10px; opacity: .75; }
|
|
#banner {
|
|
position: fixed; top: 38%; left: 0; right: 0;
|
|
text-align: center; pointer-events: none; user-select: none;
|
|
font: 700 42px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
|
|
letter-spacing: .18em; color: #fff; text-shadow: 0 2px 12px #0007;
|
|
opacity: 0; transition: opacity .45s ease;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="c"></canvas>
|
|
<div id="banner"></div>
|
|
<div id="dev">booting…</div>
|
|
<div id="help">WASD move · shift run · RMB drag orbit · wheel zoom · Enter next phase</div>
|
|
|
|
<script type="module">
|
|
import { boot } from './js/main.js';
|
|
boot();
|
|
</script>
|
|
</body>
|
|
</html>
|