Proof of concept done

Sekqies · Sekqies · commit 49a515bcdf4e · 2026-02-03T15:58:13.000-03:00
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+.vscode/
diff --git a/assets/transparent.png b/assets/transparent.png
diff --git a/index.html b/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html>
+<body>
+
+<table border="0" cellpadding="0" cellspacing="0" spacing="0" padding="0">
+  <tr>
+    <td bgcolor="#FF0000" width="1" height="1"></td>
+    <td bgcolor="#FF0000" width="1" height="1"></td>
+  </tr>
+<tr>
+    <td bgcolor="#FF0000" width="1" height="1"></td>
+    <td bgcolor="#FF0000" width="1" height="1"></td>
+  </tr>
+</table>
+
+</body>
+</html>
diff --git a/scripts/transformer.js b/scripts/transformer.js
@@ -0,0 +1,67 @@
+// @ts-check
+
+/**
+ * @typedef {[number,number,number]} vec3
+ * 
+ */
+
+/**
+ * @type {vec3}
+ */
+const red = [255,0,0];
+
+/**
+ * @type {vec3[][]}
+ */
+const color_grid = [[red]];
+
+
+/**
+ * 
+ * @param {vec3} color 
+ * @returns {string}
+ */
+function to_hexcode(color){
+    let output = "";
+    for(const component of color){
+        output += component.toString(16);
+    }
+    return output;
+}
+
+/**
+ * 
+ * @param {vec3[][]} grid 
+ * 
+ */
+function normalize_grid_size(grid){
+    let line_size = 0;
+    for(const line of grid){
+        line_size = Math.max(line.length);
+    }
+    for(let line of grid){
+        if(line.length == line_size) continue;
+        const dif = line_size - line.length;
+        for(let i=0;i<dif;++i){
+            line.push([0,0,0]);
+        }
+    }
+}
+
+/**
+ * @param {vec3[][]} color_grid 
+ * @returns {string}
+ */
+export function build_color_grid(color_grid){
+    normalize_grid_size(color_grid);
+    let html = '<table border="0" cellpadding="0" cellspacing="0" spacing="0" padding="0">';
+    for(const row of color_grid){
+        html+="<tr>";
+        for(const color of row){
+            html+= '<td bgcolor="' + to_hexcode(color) +  '"width="1" height="1"></td>';
+        }
+        html+="</tr>";
+    }
+    return html;
+}
+
