Schluffe/nage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Schluffe
2026-09-04 13:57:52 +02:00
parent 71cfa64793
commit e961887953
24 changed files with 340 additions and 360 deletions
Download Patch File Download Diff File Expand all files Collapse all files
workshop/steps/11-capstone/index.html
+55 -55
View File
@@ -1,61 +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>
<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>
</div>
<script src="./game.js"></script>
</body>
</html>