diff options
| author | Akshay Nair <phenax5@gmail.com> | 2023-10-29 20:20:25 +0530 |
|---|---|---|
| committer | Akshay Nair <phenax5@gmail.com> | 2023-10-29 20:20:25 +0530 |
| commit | ed50aedc08afd67b8d9606460d2d5209239ac88c (patch) | |
| tree | 02264f19aaea8ea0b7c2287f5ae3910a0bd1486e /sketches/01/index.html | |
| parent | b6ebba87606d180735994d62e2d71c3fbf0b8763 (diff) | |
| download | creative-coding-playground-ed50aedc08afd67b8d9606460d2d5209239ac88c.tar.gz creative-coding-playground-ed50aedc08afd67b8d9606460d2d5209239ac88c.zip | |
chore: moving stuff around
Diffstat (limited to 'sketches/01/index.html')
| -rw-r--r-- | sketches/01/index.html | 38 |
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> |