modern-canvas 0.4.10 → 0.4.12

package/dist/index.mjs

@@ -3213,8 +3213,8 @@ class WebGLFramebufferModule extends WebGLModule {
       this._renderer.viewport.bind({
         x: 0,
         y: 0,
-        width: this._renderer.screen.width,
-        height: this._renderer.screen.height
+        width: this._renderer.screen.width * this._renderer.pixelRatio,
+        height: this._renderer.screen.height * this._renderer.pixelRatio
       });
     }
   }
@@ -5788,6 +5788,14 @@ let Node = class extends CoreObject {
         return false;
     }
   }
+  _update(changed) {
+    this._tree?.log(this.name, "updating");
+    super._update(changed);
+  }
+  _updateProperty(key, value, oldValue, declaration) {
+    this._tree?.log(this.name, `updating [${String(key)}]`);
+    super._updateProperty(key, value, oldValue, declaration);
+  }
   _onTreeEnter(tree) {
     this._treeEnter(tree);
     this.emit("treeEntered", tree);
@@ -6291,8 +6299,8 @@ let Viewport = class extends Node {
     if (this.valid) {
       renderer.flush();
       this._tree?.setCurrentViewport(this);
-      renderer.framebuffer.bind(this._glFramebuffer(renderer));
       this.upload(renderer);
+      renderer.framebuffer.bind(this._glFramebuffer(renderer));
       return true;
     }
     return false;
@@ -8351,20 +8359,20 @@ class SceneTree extends MainLoop {
     this.emit("processed");
   }
   _render(renderer) {
+    this.emit("rendering");
     renderer.program.uniforms.projectionMatrix = this.root.toProjectionArray(true);
     this.renderStack.render(renderer);
     this._renderScreen(renderer);
+    this.emit("rendered");
   }
   _renderScreen(renderer) {
     renderer.state.reset();
-    const { pixelRatio } = renderer;
-    const { width, height } = this.root;
     renderer.framebuffer.bind(null);
     renderer.viewport.bind({
       x: 0,
       y: 0,
-      width: width * pixelRatio,
-      height: height * pixelRatio
+      width: this.root.width * renderer.pixelRatio,
+      height: this.root.height * renderer.pixelRatio
     });
     if (this.backgroundColor) {
       renderer.gl.clearColor(...this._backgroundColor.toArray());
@@ -13185,8 +13193,9 @@ class Engine extends SceneTree {
     await this.nextTick();
   }
   async waitAndRender(delta = 0) {
+    await assets.waitUntilLoad();
     this._process(delta);
-    await this.waitUntilLoad();
+    await this.nextTick();
     this._render(this.renderer);
   }
   render(delta = 0) {
@@ -13258,11 +13267,16 @@ async function start(sleep = 100) {
   starting = false;
 }
 async function task(options) {
-  const { data, width, height, time = 0 } = options;
-  engine ??= new Engine({ width: 1, height: 1 });
+  const { data, width, height, debug = false, time = 0 } = options;
+  engine ??= new Engine({
+    width: 1,
+    height: 1,
+    preserveDrawingBuffer: true
+  });
+  engine.debug = debug;
   engine.root.removeChildren();
   engine.timeline.currentTime = time;
-  engine.resize(width, height);
+  engine.resize(width, height, true);
   (Array.isArray(data) ? data : [data]).forEach((v) => {
     if (v instanceof Node) {
       engine.root.appendChild(v);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "modern-canvas",
   "type": "module",
-  "version": "0.4.10",
+  "version": "0.4.12",
   "packageManager": "pnpm@9.15.1",
   "description": "A JavaScript WebGL rendering engine.",
   "author": "wxm",