it draws stuff

1 files changed, 19 insertions, 7 deletions

diff --git a/viewer/main.ts b/viewer/main.ts
index e0c2fde..f59bb1c 100644
--- a/viewer/main.ts
+++ b/viewer/main.ts
@@ -18,12 +18,16 @@ function draw() {
     ctx.fillStyle = "black"
     ctx.fillRect(0, 0, canvas.width, canvas.height)
 
-    loader?.root.children
+    loader?.root.draw()
 
     requestAnimationFrame(draw)
 }
-
-canvas.addEventListener("resize", () => draw())
+function resize() {
+    canvas.width = globalThis.innerWidth
+    canvas.height = globalThis.innerHeight
+}
+canvas.addEventListener("resize", () => resize())
+resize()
 draw()
 
 
@@ -42,7 +46,7 @@ async function init() {
 }
 init()
 
-let limit = 100;
+let limit = 10000;
 
 class Loader {
     view: AABB
@@ -64,8 +68,10 @@ class SNode {
         this.children = new Array(data.child.length).fill(undefined)
     }
     async load(view: AABB) {
-        if (this.data.prefab && !this.prefab) this.prefab = await get_prefab(this.data.prefab)
-        if (this.prefab?.graphics[0] && !this.graphics) this.graphics = await get_graphics_part(this.prefab.graphics[0][1])
+        if (this.data.prefab && !this.prefab)
+            this.prefab = await get_prefab(this.data.prefab)
+        if (this.prefab?.graphics[0] && !this.graphics)
+            this.graphics = await get_graphics_part(this.prefab.graphics[0][1])
         for (let i = 0; i < this.data.child.length; i++) {
             const [aabb, child_data_hash] = this.data.child[i];
             if (!aabb_overlap(aabb, view)) continue
@@ -82,8 +88,14 @@ class SNode {
             if (c) c.draw()
         }
         if (!this.graphics) return
+        ctx.fillStyle = "red"
+        ctx.save()
+        ctx.scale(100000, 100000)
+        ctx.translate(-0.155, -0.63)
+        ctx.translate(this.prefab!.transform![10], this.prefab!.transform![11])
         for (const c of this.graphics.read()) {
-            console.log(c);
+            if (c.point) ctx.fillRect(c.point.x, c.point.y, 0.00003, 0.00003)
         }
+        ctx.restore()
     }
 }