49 lines
1.3 KiB
HTML
49 lines
1.3 KiB
HTML
<!doctype html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
canvas {{
|
|
border: 1px solid;
|
|
}}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<script type="module">
|
|
import {{ mach }} from "./mach.js";
|
|
|
|
let imports = {{
|
|
env: mach,
|
|
}};
|
|
|
|
fetch("{s}.wasm")
|
|
.then(response => response.arrayBuffer())
|
|
.then(buffer => WebAssembly.instantiate(buffer, imports))
|
|
.then(results => results.instance)
|
|
.then(instance => {{
|
|
mach.init(instance);
|
|
instance.exports.wasmInit();
|
|
|
|
let frame = true;
|
|
let last_update_time = performance.now();
|
|
let update = function() {{
|
|
if (!frame) return;
|
|
if (mach.machHasEvent() ||
|
|
(last_update_time + (mach.wait_event_timeout * 1000)) <= performance.now()) {{
|
|
instance.exports.wasmUpdate();
|
|
last_update_time = performance.now();
|
|
}}
|
|
window.requestAnimationFrame(update);
|
|
}};
|
|
|
|
window.requestAnimationFrame(update);
|
|
|
|
window.addEventListener("mach-close", () => {{
|
|
instance.exports.wasmDeinit();
|
|
frame = false;
|
|
}});
|
|
}})
|
|
.catch(err => console.error(err));
|
|
</script>
|
|
</body>
|
|
</html>
|