deft-ui
diff --git a/‎public/retro-snaker/index.html‎
Lines changed: 13 additions & 0 deletions b/‎public/retro-snaker/index.html‎
Lines changed: 13 additions & 0 deletions
diff --git a/‎public/retro-snaker/main.js‎
Lines changed: 45 additions & 0 deletions b/‎public/retro-snaker/main.js‎
Lines changed: 45 additions & 0 deletions
diff --git a/‎public/retro-snaker/retro-snaker.js‎
Lines changed: 20 additions & 0 deletions b/‎public/retro-snaker/retro-snaker.js‎
Lines changed: 20 additions & 0 deletions
diff --git a/‎public/retro-snaker/retro_snaker.wasm‎
13.1 MB b/‎public/retro-snaker/retro_snaker.wasm‎
13.1 MB
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en-US">
+  <head>
+    <meta charset="utf-8" />
+    <title>Deft Gallery</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <script src="retro-snaker.js"></script>
+    <script src="main.js"></script>
+  </head>
+  <body style="margin: 0">
+    <canvas style="width: 100vw; height: 100vh; display: block;" id="glcanvas"></canvas>
+  </body>
+</html>
@@ -0,0 +1,45 @@
+/**
+ * Make a canvas element fit to the display window.
+ */
+function resizeCanvasToDisplaySize(canvas) {
+    const scale = window.devicePixelRatio;
+    const width = (canvas.clientWidth | 1) * scale;
+    const height = (canvas.clientHeight | 1) * scale;
+    if (canvas.width !== width || canvas.height !== height) {
+        canvas.width = width;
+        canvas.height = height;
+        return true;
+    }
+    return false;
+}
+
+// This loads and initialize our WASM module
+loadDeftApp().then((app) => {
+    // Create the WebGL context
+    let context;
+    const canvas = document.querySelector("#glcanvas");
+    context = canvas.getContext("webgl2", {
+        antialias: true,
+        depth: true,
+        stencil: true,
+        alpha: true,
+    });
+
+    // Register the context with emscripten
+    handle = app.GL.registerContext(context, {majorVersion: 2});
+    app.GL.makeContextCurrent(handle);
+
+    // Fit the canvas to the viewport
+    resizeCanvasToDisplaySize(canvas);
+
+    try {
+        app._asm_main();
+    } catch (error) {
+        // console.error("main error", error);
+    }
+
+    // // Make canvas size stick to the window size
+    window.addEventListener("resize", () => {
+        resizeCanvasToDisplaySize(canvas);
+    });
+});