<!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>