@idetik/core 0.5.0 → 0.6.0

package/dist/index.d.ts

@@ -434,6 +434,7 @@ declare abstract class Layer {
     get state(): LayerState;
     addStateChangeCallback(callback: StateChangeCallback): void;
     removeStateChangeCallback(callback: StateChangeCallback): void;
+    hasMultipleLODs(): boolean;
     protected setState(newState: LayerState): void;
     protected addObject(object: RenderableObject): void;
     protected removeObject(object: RenderableObject): void;
@@ -685,13 +686,13 @@ declare class WebGLRenderer extends Renderer {
         textures: number;
         totalBytes: number;
     };
+    private initStencil;
     private renderLayer;
     protected renderObject(layer: Layer, objectIndex: number, camera: Camera): void;
     private drawGeometry;
     private glGetPrimitive;
     protected resize(width: number, height: number): void;
     protected clear(): void;
-    private get gl();
 }
 
 type PerspectiveCameraOptions = {
@@ -821,6 +822,7 @@ declare class ChunkedImageLayer extends Layer implements ChannelsEnabled {
     onDetached(_context: IdetikContext): void;
     update(context?: RenderContext): void;
     private updateChunks;
+    hasMultipleLODs(): boolean;
     get lastPresentationTimeCoord(): number | undefined;
     private isPresentationStale;
     private resliceIfZChanged;

package/dist/index.js

@@ -1799,25 +1799,31 @@ class pQ {
       this.currentCullingMode_ = A;
     }
   }
+  setStencilTest(A) {
+    A ? this.enable(this.gl_.STENCIL_TEST) : this.disable(this.gl_.STENCIL_TEST);
+  }
 }
 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_)
+      antialias: !0,
+      stencil: !0
+    });
+    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.initStencil(), this.resize(this.canvas.width, this.canvas.height);
   }
   render(A) {
     const I = A.getBoxRelativeTo(this.canvas), B = new z(
@@ -1849,9 +1855,14 @@ class uQ extends OB {
   get textureInfo() {
     return this.textures_.textureInfo;
   }
+  initStencil() {
+    this.gl_.clearStencil(0), this.gl_.stencilMask(255), this.gl_.stencilFunc(this.gl_.EQUAL, 0, 255), this.gl_.stencilOp(this.gl_.KEEP, this.gl_.KEEP, this.gl_.INCR);
+  }
   renderLayer(A, I, B) {
-    this.state_.setBlendingMode(A.transparent ? A.blendMode : "none"), A.objects.forEach((Q, C) => {
-      B.intersectsWithBox3(Q.boundingBox) && (this.renderObject(A, C, I), this.renderedObjectsPerFrame_ += 1);
+    this.state_.setBlendingMode(A.transparent ? A.blendMode : "none");
+    const Q = A.objects.length > 0 && A.hasMultipleLODs();
+    this.state_.setStencilTest(Q), Q && this.gl_.clear(this.gl_.STENCIL_BUFFER_BIT), A.objects.forEach((C, E) => {
+      B.intersectsWithBox3(C.boundingBox) && (this.renderObject(A, E, I), this.renderedObjectsPerFrame_ += 1);
     });
   }
   renderObject(A, I, B) {
@@ -1902,16 +1913,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 +1937,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;
@@ -2051,9 +2059,12 @@ class bQ {
     const I = this.store_.getTimeIndex(A), B = this.store_.getChunksAtTime(I), Q = B.filter(
       (i) => i.lod === this.currentLOD_ && this.chunkViewStates_.get(i)?.visible === !0 && i.state === "loaded"
     ), C = this.store_.getLowestResLOD();
-    return this.currentLOD_ === C ? Q : [...B.filter(
+    if (this.currentLOD_ === C)
+      return Q;
+    const E = B.filter(
       (i) => i.lod === C && this.chunkViewStates_.get(i)?.visible === !0 && i.state === "loaded"
-    ), ...Q];
+    );
+    return [...Q, ...E];
   }
   updateChunkStates(A, I) {
     const B = I.camera;
@@ -3354,6 +3365,9 @@ class GA {
       throw new Error(`Callback to remove could not be found: ${A}`);
     this.callbacks_.splice(I, 1);
   }
+  hasMultipleLODs() {
+    return !1;
+  }
   setState(A) {
     const I = this.state_;
     this.state_ = A, this.callbacks_.forEach((B) => B(A, I));
@@ -3975,6 +3989,9 @@ class NB extends GA {
       this.visibleChunks_.set(Q, C), this.addObject(C);
     }
   }
+  hasMultipleLODs() {
+    return this.chunkStoreView_ ? this.chunkStoreView_.lodCount > 1 : !1;
+  }
   get lastPresentationTimeCoord() {
     return this.lastPresentationTimeCoord_;
   }