Gabriel Kaszewski
951bd51f12
- Cargo.toml: gate `wayland` feature behind cfg(not(wasm32)) so the dependency resolves correctly for both native and web targets - .cargo/config.toml: WASM linker flags (ASYNCIFY, GLFW, memory growth) - build_web.sh: sets required EMCC_CFLAGS, builds, copies artefacts to web/; accepts --serve to start a local HTTP server - web/index.html: minimal Emscripten shell with canvas and status line - .gitignore: exclude generated web/*.js and web/*.wasm artefacts - README: document web build prerequisites and usage ASYNCIFY lets the native while-loop main loop run unchanged in the browser. Build output: ~267 KB JS + ~458 KB WASM. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
48 lines
1.2 KiB
HTML
48 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>Endless Runner</title>
|
|
<style>
|
|
* { box-sizing: border-box; margin: 0; padding: 0; }
|
|
body {
|
|
background: #16182e;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
min-height: 100vh;
|
|
font-family: monospace;
|
|
color: #a0b8ff;
|
|
}
|
|
#canvas {
|
|
display: block;
|
|
border: 1px solid #3050a0;
|
|
}
|
|
#status {
|
|
margin-top: 12px;
|
|
font-size: 13px;
|
|
opacity: 0.6;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<canvas id="canvas" oncontextmenu="event.preventDefault()"></canvas>
|
|
<div id="status">Loading…</div>
|
|
|
|
<script>
|
|
var statusEl = document.getElementById('status');
|
|
var Module = {
|
|
canvas: document.getElementById('canvas'),
|
|
onRuntimeInitialized: function() {
|
|
statusEl.textContent = 'SPACE / W / ↑ to jump';
|
|
},
|
|
print: function(text) { console.log(text); },
|
|
printErr: function(text) { console.error(text); },
|
|
};
|
|
</script>
|
|
<script src="endless_runner.js"></script>
|
|
</body>
|
|
</html>
|