Initial commit

2026-08-03 06:43:21 -05:00
commit 7ee3e9d02f
63 changed files with 15792 additions and 0 deletions
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
+<title>tilt — spike 1</title>
+<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text y='13' font-size='13'>&#127954;</text></svg>">
+<style>
+  html, body { margin:0; padding:0; height:100%; overflow:hidden; background:#0a0e14;
+    font-family:'SF Mono', ui-monospace, Menlo, monospace;
+    /* A thumb on the canvas orbits the camera — it must never scroll or zoom
+       the page, or fire pull-to-refresh instead. */
+    touch-action:none; overscroll-behavior:none; -webkit-user-select:none; user-select:none;
+    -webkit-tap-highlight-color:transparent; }
+  /* width/height are not redundant with inset:0. A canvas is a replaced
+     element, so `width:auto` resolves to its intrinsic (drawing buffer) size
+     rather than stretching between left and right — which at DPR 2 makes the
+     element twice the window. three.js sets these inline too; this is the
+     safety net if that ever regresses. */
+  #stage { position:absolute; inset:0; width:100%; height:100%; display:block; touch-action:none; }
+  #hud { position:absolute; left:14px; top:12px; color:#8fb4d4; font-size:12px;
+    line-height:1.5; white-space:pre; pointer-events:none; text-shadow:0 1px 2px #000; }
+  #boot { position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
+    color:#6ea8dc; letter-spacing:5px; font-size:13px; background:#0a0e14; z-index:10; }
+</style>
+</head>
+<body>
+<canvas id="stage"></canvas>
+<div id="hud"></div>
+<div id="boot">TILT&hellip;</div>
+<script type="module" src="/src/main.js"></script>
+</body>
+</html>