time for a snapshot

2026-07-11 17:48:28 +02:00
parent 135b7c3042
commit 7262752e16
47 changed files with 1712 additions and 61 deletions
@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="en">
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>nage physics kernel — capstone</title>
+		<style>
+			html,
+			body {
+				margin: 0;
+				height: 100%;
+				background: #0b0c10;
+				color: #c8cde0;
+				font: 14px/1.5 ui-monospace, "SF Mono", Menlo, monospace;
+				display: grid;
+				place-items: center;
+			}
+			.wrap {
+				text-align: center;
+			}
+			canvas {
+				width: 720px;
+				max-width: 96vw;
+				height: auto;
+				image-rendering: pixelated;
+				border: 1px solid #2e3550;
+				border-radius: 4px;
+				box-shadow: 0 10px 40px #0008;
+			}
+			h1 {
+				font-size: 15px;
+				font-weight: 600;
+				letter-spacing: 0.02em;
+				color: #ee459e;
+				margin: 0 0 12px;
+			}
+			p {
+				margin: 12px 0 0;
+				color: #7d84a0;
+			}
+			kbd {
+				background: #1b1f2b;
+				border: 1px solid #2e3550;
+				border-radius: 3px;
+				padding: 1px 6px;
+				color: #c8cde0;
+			}
+		</style>
+	</head>
+	<body>
+		<div class="wrap">
+			<h1>your swept-AABB kernel, live</h1>
+			<canvas id="view" width="240" height="160"></canvas>
+			<p>
+				<kbd>↑</kbd> <kbd>↓</kbd> <kbd>←</kbd> <kbd>→</kbd> to move — run into
+				the walls and feel it slide
+			</p>
+		</div>
+		<script src="./game.js"></script>
+	</body>
+</html>