web?

Player/index.html

@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Brightstone</title>
+    <style>
+        canvas {
+            border: 2px solid #333;
+            background-color: #f0f0f0;
+        }
+    </style>
+</head>
+<body>
+    <canvas id="canvas" width="640" height="480"></canvas>
+    <script>
+        const canvas = document.getElementById('canvas');
+        const ctx = canvas.getContext('2d');
+
+        async function main() {
+            const wasm = await WebAssembly.instantiateStreaming(fetch("player.wasm"));
+            const { memory, plr_draw_screen, plr_draw_get_pixel_buffer } = wasm.instance.exports;
+
+            const bufferPtr = plr_draw_get_pixel_buffer(); 
+            const wasmBuffer = new Uint8ClampedArray(
+                memory.buffer, 
+                bufferPtr, 
+                640 * 480 * 4
+            );
+            const imgData = new ImageData(wasmBuffer, 640, 480);
+
+            function renderLoop() {
+                plr_draw_screen(bufferPtr); 
+                ctx.putImageData(imgData, 0, 0); 
+                requestAnimationFrame(renderLoop);
+            }
+            renderLoop(wasm);
+        }
+
+        main();
+    </script>
+</body>
+</html>