From 428f1d7d166f6402e8890981d992f4fccd6e5b7c Mon Sep 17 00:00:00 2001 From: Rezmason Date: Fri, 25 Aug 2023 09:17:06 -0700 Subject: [PATCH] Further smushing --- .gitmodules | 0 TODO.txt | 6 ------ index.html | 9 ++++----- js/main.js => main.js | 27 +++++-------------------- assets/matrixcode_msdf.png => msdf.png | Bin prettier_command.txt | 1 - js/unraveled.js => unraveled.js | 0 7 files changed, 9 insertions(+), 34 deletions(-) delete mode 100644 .gitmodules delete mode 100644 TODO.txt rename js/main.js => main.js (71%) rename assets/matrixcode_msdf.png => msdf.png (100%) delete mode 100644 prettier_command.txt rename js/unraveled.js => unraveled.js (100%) diff --git a/.gitmodules b/.gitmodules deleted file mode 100644 index e69de29..0000000 diff --git a/TODO.txt b/TODO.txt deleted file mode 100644 index 11cc3a8..0000000 --- a/TODO.txt +++ /dev/null @@ -1,6 +0,0 @@ -TODO: - -Simplify! - Get as much into one file as you possibly can - Remove regl - Record WebGL debug calls diff --git a/index.html b/index.html index 2f221c2..3b89d6e 100644 --- a/index.html +++ b/index.html @@ -17,10 +17,6 @@ background: black; overflow: hidden; margin: 0; - - font-family: monospace; - font-size: 2em; - text-align: center; } canvas { @@ -29,5 +25,8 @@ } - + + + + diff --git a/js/main.js b/main.js similarity index 71% rename from js/main.js rename to main.js index dc50d2f..8ba0ac0 100644 --- a/js/main.js +++ b/main.js @@ -1,23 +1,10 @@ import { init, load, resize, draw } from "./unraveled.js"; -const canvas = document.createElement("canvas"); -document.body.appendChild(canvas); -document.addEventListener("touchmove", (e) => e.preventDefault(), { - passive: false, -}); +document.body.onload = async () => { -const dimensions = { width: 1, height: 1 }; - -const loadJS = (src) => - new Promise((resolve, reject) => { - const tag = document.createElement("script"); - tag.onload = resolve; - tag.onerror = reject; - tag.src = src; - document.body.appendChild(tag); - }); - -const start = async () => { + document.addEventListener("touchmove", (e) => e.preventDefault(), { passive: false }); + const canvas = document.querySelector("canvas"); + const dimensions = { width: 1, height: 1 }; const resizeViewport = () => { const devicePixelRatio = window.devicePixelRatio ?? 1; @@ -31,7 +18,7 @@ const start = async () => { const image = new Image(); image.crossOrigin = "anonymous"; - image.src = "./assets/matrixcode_msdf.png"; + image.src = "msdf.png"; await image.decode(); const palette = [ @@ -74,7 +61,3 @@ const start = async () => { update(); }; - -document.body.onload = () => { - start(); -}; diff --git a/assets/matrixcode_msdf.png b/msdf.png similarity index 100% rename from assets/matrixcode_msdf.png rename to msdf.png diff --git a/prettier_command.txt b/prettier_command.txt deleted file mode 100644 index 82da753..0000000 --- a/prettier_command.txt +++ /dev/null @@ -1 +0,0 @@ -prettier --write --use-tabs --print-width 160 "index.html" "./js/**/**.js" "./lib/gpu-buffer.js" diff --git a/js/unraveled.js b/unraveled.js similarity index 100% rename from js/unraveled.js rename to unraveled.js