@idetik/core 0.4.3 → 0.5.1

package/dist/index.d.ts

@@ -475,6 +475,7 @@ declare class OrthographicCamera extends Camera {
 }
 
 interface CameraControls {
+    onUpdate(dt: number): void;
     onEvent(event: EventContext): void;
 }
 declare class PanZoomControls implements CameraControls {
@@ -483,6 +484,7 @@ declare class PanZoomControls implements CameraControls {
     private dragStart_;
     constructor(camera: OrthographicCamera);
     onEvent(event: EventContext): void;
+    onUpdate(_delta: number): void;
     private onWheel;
     private onPointerDown;
     private onPointerMove;
@@ -564,7 +566,7 @@ declare class ChunkManager {
 }
 
 type Overlay = {
-    update(idetik: Idetik, timestamp?: DOMHighResTimeStamp): void;
+    update(idetik: Idetik): void;
 };
 type IdetikParams = {
     canvas: HTMLCanvasElement;
@@ -576,7 +578,6 @@ type IdetikContext = {
     chunkManager: ChunkManager;
 };
 declare class Idetik {
-    private lastAnimationId_?;
     private readonly chunkManager_;
     private readonly context_;
     private readonly renderer_;
@@ -585,6 +586,8 @@ declare class Idetik {
     readonly overlays: Overlay[];
     private readonly stats_?;
     private readonly sizeObserver_;
+    private lastAnimationId_?;
+    private lastTimestamp_;
     /**
      * Creates a new Idetik visualization runtime instance.
      *
@@ -688,7 +691,6 @@ declare class WebGLRenderer extends Renderer {
     private glGetPrimitive;
     protected resize(width: number, height: number): void;
     protected clear(): void;
-    private get gl();
 }
 
 type PerspectiveCameraOptions = {

package/dist/index.js

@@ -1802,22 +1802,24 @@ class pQ {
 }
 const mQ = DQ(AA(), [1, -1, 1]);
 class uQ extends OB {
-  gl_ = null;
+  gl_;
   programs_;
   bindings_;
   textures_;
   state_;
   renderedObjectsPerFrame_ = 0;
   constructor(A) {
-    if (super(A), this.gl_ = this.canvas.getContext("webgl2", {
+    super(A);
+    const I = this.canvas.getContext("webgl2", {
       depth: !0,
       antialias: !0
-    }), !this.gl_)
+    });
+    if (!I)
       throw new Error("Failed to initialize WebGL2 context");
-    U.info(
+    this.gl_ = I, U.info(
       "WebGLRenderer",
-      `WebGL version ${this.gl.getParameter(this.gl.VERSION)}`
-    ), this.programs_ = new EQ(this.gl), this.bindings_ = new lQ(this.gl), this.textures_ = new fQ(this.gl), this.state_ = new pQ(this.gl), this.resize(this.canvas.width, this.canvas.height);
+      `WebGL version ${I.getParameter(I.VERSION)}`
+    ), this.programs_ = new EQ(I), this.bindings_ = new lQ(I), this.textures_ = new fQ(I), this.state_ = new pQ(I), this.resize(this.canvas.width, this.canvas.height);
   }
   render(A) {
     const I = A.getBoxRelativeTo(this.canvas), B = new z(
@@ -1902,16 +1904,16 @@ class uQ extends OB {
           y in a && Q.setUniform(y, a[y]);
       }
     const D = this.glGetPrimitive(A.primitive), h = A.indexData;
-    h.length ? this.gl.drawElements(D, h.length, this.gl.UNSIGNED_INT, 0) : this.gl.drawArrays(D, 0, A.vertexCount);
+    h.length ? this.gl_.drawElements(D, h.length, this.gl_.UNSIGNED_INT, 0) : this.gl_.drawArrays(D, 0, A.vertexCount);
   }
   glGetPrimitive(A) {
     switch (A) {
       case "points":
-        return this.gl.POINTS;
+        return this.gl_.POINTS;
       case "triangles":
-        return this.gl.TRIANGLES;
+        return this.gl_.TRIANGLES;
       case "lines":
-        return this.gl.LINES;
+        return this.gl_.LINES;
       default: {
         const I = A;
         throw new Error(`Unknown Primitive type: ${I}`);
@@ -1926,10 +1928,7 @@ class uQ extends OB {
     this.state_.setViewport(B);
   }
   clear() {
-    this.gl.clearColor(...this.backgroundColor.rgba), this.gl.clear(this.gl.COLOR_BUFFER_BIT | this.gl.DEPTH_BUFFER_BIT), this.state_.setDepthTesting(!0), this.gl.depthFunc(this.gl.LEQUAL);
-  }
-  get gl() {
-    return this.gl_;
+    this.gl_.clearColor(...this.backgroundColor.rgba), this.gl_.clear(this.gl_.COLOR_BUFFER_BIT | this.gl_.DEPTH_BUFFER_BIT), this.state_.setDepthTesting(!0), this.gl_.depthFunc(this.gl_.LEQUAL);
   }
 }
 const TQ = 8;
@@ -2770,7 +2769,6 @@ class IC {
   }
 }
 class Do {
-  lastAnimationId_;
   chunkManager_;
   context_;
   renderer_;
@@ -2779,6 +2777,9 @@ class Do {
   overlays;
   stats_;
   sizeObserver_;
+  lastAnimationId_;
+  // this value will be set after start
+  lastTimestamp_ = 0;
   /**
    * Creates a new Idetik visualization runtime instance.
    *
@@ -2868,20 +2869,24 @@ class Do {
     if (U.info("Idetik", "Idetik runtime starting"), this.lastAnimationId_ === void 0) {
       for (const A of this.viewports_)
         A.events.connect();
-      this.sizeObserver_.connect(), this.animate();
+      this.sizeObserver_.connect(), this.lastAnimationId_ = requestAnimationFrame((A) => {
+        this.lastTimestamp_ = A, this.animate(A);
+      });
     } else
       U.warn("Idetik", "Idetik runtime already started");
     return this;
   }
   animate(A) {
     this.stats_ && this.stats_.begin();
-    for (const I of this.viewports_)
-      this.renderer_.render(I);
+    const I = Math.min(A - this.lastTimestamp_, 100) / 1e3;
+    this.lastTimestamp_ = A;
+    for (const B of this.viewports_)
+      B.cameraControls?.onUpdate(I), this.renderer_.render(B);
     this.chunkManager_.update();
-    for (const I of this.overlays)
-      I.update(this, A);
+    for (const B of this.overlays)
+      B.update(this);
     this.stats_ && this.stats_.end(), this.lastAnimationId_ = requestAnimationFrame(
-      (I) => this.animate(I)
+      (B) => this.animate(B)
     );
   }
   stop() {
@@ -3272,6 +3277,8 @@ class yo {
         break;
     }
   }
+  onUpdate(A) {
+  }
   onWheel(A) {
     if (!A.worldPos || !A.clipPos) return;
     const I = A.event;