@idetik/core 0.19.1 → 0.19.2

package/dist/index.js

@@ -1693,24 +1693,35 @@ class bC extends jB {
     ), this.programs_ = new DC(I), this.bindings_ = new uC(I), this.textures_ = new TC(I), this.state_ = new WC(I), this.initStencil(), this.resize(this.canvas.width, this.canvas.height);
   }
   render(A) {
-    let I = getComputedStyle(A.element).visibility !== "hidden";
-    const B = A.getBoxRelativeTo(this.canvas), C = new IA(
+    this.renderedObjects_ = 0, this.renderedObjectsPerFrame_ = 0;
+    const { opaque: I, transparent: B } = A.layerManager.partitionLayers();
+    for (const a of [...I, ...B])
+      a.update({ viewport: A });
+    if (getComputedStyle(A.element).visibility === "hidden") return;
+    const C = A.getBoxRelativeTo(this.canvas), Q = new IA(
       V(0, 0),
       V(this.width, this.height)
-    );
-    IA.equals(B.floor(), C.floor()) ? this.state_.setScissorTest(!1) : IA.intersects(B, C) ? (this.state_.setScissor(B), this.state_.setScissorTest(!0)) : (c.warn(
-      "WebGLRenderer",
-      `Viewport ${A.id} is entirely outside canvas bounds, skipping render`
-    ), I = !1), this.state_.setViewport(B), this.renderedObjectsPerFrame_ = 0, I && this.clear();
-    const { opaque: Q, transparent: E } = A.layerManager.partitionLayers();
+    ), E = IA.equals(C.floor(), Q.floor()), i = IA.intersects(C, Q);
+    if (E)
+      this.state_.setScissorTest(!1);
+    else if (i)
+      this.state_.setScissorTest(!0), this.state_.setScissor(C);
+    else {
+      c.warn(
+        "WebGLRenderer",
+        `Viewport ${A.id} is entirely outside canvas bounds, skipping render`
+      );
+      return;
+    }
+    this.clear();
+    const o = A.camera.frustum;
     this.state_.setDepthMask(!0);
-    const i = A.camera.frustum, o = { viewport: A };
-    for (const a of Q)
-      a.update(o), a.state === "ready" && I && this.renderLayer(a, A.camera, i);
+    for (const a of I)
+      a.state === "ready" && this.renderLayer(a, A.camera, o);
     this.state_.setDepthMask(!1);
-    for (const a of E)
-      a.update(o), a.state === "ready" && I && this.renderLayer(a, A.camera, i);
-    this.state_.setDepthMask(!0), this.renderedObjects_ = this.renderedObjectsPerFrame_;
+    for (const a of B)
+      a.state === "ready" && this.renderLayer(a, A.camera, o);
+    this.renderedObjects_ = this.renderedObjectsPerFrame_;
   }
   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);