bg2e-js 2.3.2 → 2.3.3

package/dist/bg2e-js.js

@@ -5414,7 +5414,7 @@ async function uo(t) {
 }
 class fe {
   constructor(e = "") {
-    this._sceneChanged = !1, this._name = e, this._enabled = !0, this._steady = !1, this._components = new dr(this), this._parent = null, this._children = [];
+    this._sceneChanged = !1, this._postRedisplayFrames = 0, this._name = e, this._enabled = !0, this._steady = !1, this._components = new dr(this), this._parent = null, this._children = [];
   }
   get name() {
     return this._name;
@@ -5519,6 +5519,16 @@ class fe {
         await this._children[r].asyncAccept(e);
     }
   }
+  // Used by components to require a redraw of the scene for a certain number of frames.
+  // This is needed, for example, when a component changes the material of a drawable,
+  // so the change is reflected inmediately in the screen, or when a component generates
+  // an animation that needs to be updated for a certain number of frames.
+  get postRedisplayFrames() {
+    return this._postRedisplayFrames;
+  }
+  set postRedisplayFrames(e) {
+    this._postRedisplayFrames = e;
+  }
   // Most usual components
   get transform() {
     return this.component("Transform");
@@ -7942,22 +7952,25 @@ class St {
 }
 class Rt extends ce {
   constructor(e) {
-    super(), this._renderQueue = e, this._delta = 0, this._modelMatrix = w.MakeIdentity(), this._matrixStack = [];
+    super(), this._postRedisplayFrames = 0, this._renderQueue = e, this._delta = 0, this._modelMatrix = w.MakeIdentity(), this._matrixStack = [];
   }
   get delta() {
     return this._delta;
   }
-  set delta(e) {
-    this._delta = e;
-  }
   get modelMatrix() {
     return this._modelMatrix;
   }
+  get postRedisplayFrames() {
+    return this._postRedisplayFrames;
+  }
+  beginFrame(e) {
+    this._delta = e, this._postRedisplayFrames = 0;
+  }
   visit(e) {
     this._matrixStack.push(new w(this._modelMatrix)), e.frame(this._delta, this._modelMatrix, this._renderQueue);
   }
   didVisit(e) {
-    this._modelMatrix = this._matrixStack[this._matrixStack.length - 1] || w.MakeIdentity(), this._matrixStack.pop();
+    this._modelMatrix = this._matrixStack[this._matrixStack.length - 1] || w.MakeIdentity(), this._matrixStack.pop(), this._postRedisplayFrames = Math.max(this._postRedisplayFrames, e.postRedisplayFrames), e.postRedisplayFrames = 0;
   }
 }
 class cn extends ce {
@@ -8011,6 +8024,9 @@ class un {
   get renderQueue() {
     return this._renderQueue;
   }
+  get postRedisplayFrames() {
+    return this._frameVisitor ? this._frameVisitor.postRedisplayFrames : 0;
+  }
   async init({ shadowMapSize: e = new h(1024, 1024) } = {}) {
     typeof e == "number" && (e = new h(e, e)), this._shadowMapSize = e, this._mainDirectionalLight = null, this._opaquePipeline = this.renderer.factory.pipeline(), this._opaquePipeline?.setBlendState({ enabled: !1 }), this._opaquePipeline?.create(), this._transparentPipeline = this.renderer.factory.pipeline(), this._transparentPipeline?.setBlendState({
       enabled: !0,
@@ -8055,7 +8071,7 @@ class un {
   async frame(e, r) {
     if (!this._frameVisitor || !this._renderQueue || !this._initVisitor)
       throw new Error("SceneRenderer.frame(): SceneRenderer not initialized. Call SceneRenderer.init() first.");
-    e.sceneChanged && await e.asyncAccept(this._initVisitor), this._sceneRoot = e, this._renderQueue?.newFrame(), this._frameVisitor.delta = r, this._frameVisitor.modelMatrix.identity();
+    e.sceneChanged && await e.asyncAccept(this._initVisitor), this._sceneRoot = e, this._renderQueue?.newFrame(), this._frameVisitor.beginFrame(r), this._frameVisitor.modelMatrix.identity();
     const i = j.GetMain(e);
     let n = this.defaultViewMatrix, s = this.defaultProjectionMatrix;
     i && (s = i.projectionMatrix, n = w.GetInverted(oe.GetWorldMatrix(i.node))), this._renderQueue.viewMatrix = n, this._renderQueue.projectionMatrix = s, e.accept(this._frameVisitor), this._skyCube?.updateRenderState({
@@ -9018,7 +9034,7 @@ class m0 extends en {
     !this.sceneRoot || !this.sceneRenderer || (this.sceneRenderer.resize(this.sceneRoot, e, r), this.selectionManager?.setViewportSize(e, r), this.selectionHighlight?.setViewportSize(e, r), this._debugRenderer?.setViewportSize(e, r));
   }
   async frame(e) {
-    !this.sceneRoot || !this.sceneRenderer || (this._debugRenderer?.beginFrame(), await this.sceneRenderer?.frame(this.sceneRoot, e));
+    !this.sceneRoot || !this.sceneRenderer || (this._debugRenderer?.beginFrame(), await this.sceneRenderer?.frame(this.sceneRoot, e), this.sceneRenderer.postRedisplayFrames > 0 && this.mainLoop.postRedisplay({ frames: this.sceneRenderer.postRedisplayFrames }));
   }
   display() {
     if (!this.sceneRoot || !this.sceneRenderer)