From ea4210526dbefb24c19ac7183f768a1f1ae19383 Mon Sep 17 00:00:00 2001
From: mekanoe <1581674+mekanoe@users.noreply.github.com>
Date: Sun, 1 Oct 2023 13:20:05 -0400
Subject: [PATCH] improve index

---
 html/index.css        |  2 +-
 html/lib/app.js       |  2 +-
 html/lib/shader.js    | 12 ++++++------
 html/lib/telemetry.js |  7 ++++++-
 package.json          |  2 +-
 5 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/html/index.css b/html/index.css
index c40094b..d55f26d 100644
--- a/html/index.css
+++ b/html/index.css
@@ -29,7 +29,7 @@ ul {
   margin: 0;
   padding-left: 3rem;
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   font-size: 1.5rem;
 }
 
diff --git a/html/lib/app.js b/html/lib/app.js
index a8032b4..33bd0f5 100644
--- a/html/lib/app.js
+++ b/html/lib/app.js
@@ -18,7 +18,7 @@ export class App {
     this.canvas = document.querySelector("canvas");
     this.canvas.width = window.innerWidth;
     this.canvas.height = window.innerHeight;
-    this.gl = this.canvas.getContext("webgl");
+    this.gl = this.canvas.getContext("webgl2");
 
     if (this.gl === null) {
       document.querySelector(
diff --git a/html/lib/shader.js b/html/lib/shader.js
index 701890e..118465e 100644
--- a/html/lib/shader.js
+++ b/html/lib/shader.js
@@ -12,12 +12,12 @@ export class Shader {
     this.gl.shaderSource(shader, source);
     this.gl.compileShader(shader);
 
-    if (!this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS)) {
-      throw new Error(
-        "An error occurred compiling the shaders: " +
-          this.gl.getShaderInfoLog(shader)
-      );
-    }
+    // if (!this.gl.getShaderParameter(shader, this.gl.COMPILE_STATUS)) {
+    //   throw new Error(
+    //     "An error occurred compiling the shaders: " +
+    //       this.gl.getShaderInfoLog(shader)
+    //   );
+    // }
 
     this.gl.attachShader(this.program, shader);
 
diff --git a/html/lib/telemetry.js b/html/lib/telemetry.js
index 630ff82..844f79e 100644
--- a/html/lib/telemetry.js
+++ b/html/lib/telemetry.js
@@ -30,7 +30,12 @@ export class Telemetry {
     const framesPerSecond = 1000 / averageFrameTime;
 
     this.el.innerHTML = `
-      ${framesPerSecond.toFixed(1)} FPS (${averageFrameTime.toFixed(3)} ms)
+      ${framesPerSecond.toFixed(1)} FPS (${averageFrameTime.toFixed(
+        3
+      )} ms)<br />
+      bU: ${this.app.registry.onBeforeUpdate.length} | U: ${
+        this.app.registry.onUpdate.length
+      } | aU: ${this.app.registry.onAfterUpdate.length}
     `;
 
     this.lastFrameTime = this.app.now();
diff --git a/package.json b/package.json
index 80d6bc1..c14195a 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "noeidelon",
   "type": "module",
-  "main": "./generators/generate.js",
+  "main": "./generators/generate.ts",
   "scripts": {
     "build": "bun $BUNFLAGS ./generators/generate.ts",
     "build:watch": "BUNFLAGS=--watch bun run build",