1 files changed, 38 insertions, 0 deletions
diff --git a/sketches/01/index.html b/sketches/01/index.html
new file mode 100644
index 0000000..7c59b0e
--- /dev/null
+++ b/sketches/01/index.html
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Gen bqn.js</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <style>
+      pre#debug {
+        word-wrap: break-word;
+        white-space: pre-wrap;
+        overflow: auto;
+        background-color: #0f0c19;
+        color: #fff;
+        padding: 1rem;
+      }
+      canvas {
+        border: 1px solid #000;
+      }
+    </style>
+  </head>
+  <body>
+    <script src="./bqn.js"></script>
+    <script>
+      const debugNode = () => {
+        const $debug = document.getElementById('debug') ?? document.createElement('pre')
+        $debug.parentNode || document.body.appendChild($debug)
+        $debug.id = 'debug'
+        return $debug
+      }
+      const debug = (value) => {
+        console.log(fmt(value))
+        const $dbg = debugNode()
+        $dbg.innerText = `${$dbg.innerText || '> start'}\n> ${fmt(value)}`
+      }
+    </script>
+    <script src="./script.js"></script>
+  </body>
+</html>