55 lines
1.2 KiB
HTML
55 lines
1.2 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<title>Project: Doodle</title>
|
||
|
|
<style>
|
||
|
|
#canvas {
|
||
|
|
position: fixed;
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
top: 0;
|
||
|
|
right: 0;
|
||
|
|
left: 0;
|
||
|
|
bottom: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
@font-face {
|
||
|
|
font-family: "DejaVuSansMono";
|
||
|
|
src: url("fonts/DejaVuSansMono.ttf") format("truetype");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "DejaVuSans";
|
||
|
|
src: url("fonts/DejaVuSans.ttf") format("truetype");
|
||
|
|
}
|
||
|
|
@font-face {
|
||
|
|
font-family: "DejaVuSans-Bold";
|
||
|
|
src: url("fonts/DejaVuSans-Bold.ttf") format("truetype");
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<script src="wasm_exec.js"></script>
|
||
|
|
<script>
|
||
|
|
if (!WebAssembly.instantiateStreaming) { // polyfill
|
||
|
|
WebAssembly.instantiateStreaming = async (resp, importObject) => {
|
||
|
|
const source = await (await resp).arrayBuffer();
|
||
|
|
return await WebAssembly.instantiate(source, importObject);
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
(function() {
|
||
|
|
const go = new Go();
|
||
|
|
WebAssembly.instantiateStreaming(fetch("doodle.wasm"), go.importObject).then(result => {
|
||
|
|
console.clear();
|
||
|
|
go.run(result.instance);
|
||
|
|
WebAssembly.instantiate(result.module, go.importObject); // reset instance
|
||
|
|
})
|
||
|
|
})();
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<canvas id="canvas"></canvas>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|