modern-canvas 0.4.10 → 0.4.12

package/dist/index.cjs

@@ -3219,8 +3219,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
       });
     }
   }
@@ -5794,6 +5794,14 @@ exports.Node = class Node 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);
@@ -6297,8 +6305,8 @@ exports.Viewport = class Viewport extends exports.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;
@@ -8357,20 +8365,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());
@@ -13191,8 +13199,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) {
@@ -13264,11 +13273,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 exports.Node) {
       engine.root.appendChild(v);

package/dist/index.d.cts

@@ -1559,6 +1559,8 @@ declare class Viewport extends Node implements Rectangulable {
 interface SceneTreeEventMap extends MainLoopEventMap {
     processing: () => void;
     processed: () => void;
+    rendering: () => void;
+    rendered: () => void;
     nodeProcessing: (node: Node) => void;
     nodeProcessed: (node: Node) => void;
 }
@@ -1670,6 +1672,8 @@ declare class Node extends CoreObject {
     clearMeta(): void;
     canProcess(): boolean;
     canRender(): boolean;
+    protected _update(changed: Map<PropertyKey, any>): void;
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onTreeEnter(tree: SceneTree): void;
     protected _onTreeExit(oldTree: SceneTree): void;
     protected _onParented(parent: Node): void;
@@ -3056,6 +3060,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    debug?: boolean;
     time?: number;
     onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }

package/dist/index.d.mts

@@ -1559,6 +1559,8 @@ declare class Viewport extends Node implements Rectangulable {
 interface SceneTreeEventMap extends MainLoopEventMap {
     processing: () => void;
     processed: () => void;
+    rendering: () => void;
+    rendered: () => void;
     nodeProcessing: (node: Node) => void;
     nodeProcessed: (node: Node) => void;
 }
@@ -1670,6 +1672,8 @@ declare class Node extends CoreObject {
     clearMeta(): void;
     canProcess(): boolean;
     canRender(): boolean;
+    protected _update(changed: Map<PropertyKey, any>): void;
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onTreeEnter(tree: SceneTree): void;
     protected _onTreeExit(oldTree: SceneTree): void;
     protected _onParented(parent: Node): void;
@@ -3056,6 +3060,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    debug?: boolean;
     time?: number;
     onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }

package/dist/index.d.ts

@@ -1559,6 +1559,8 @@ declare class Viewport extends Node implements Rectangulable {
 interface SceneTreeEventMap extends MainLoopEventMap {
     processing: () => void;
     processed: () => void;
+    rendering: () => void;
+    rendered: () => void;
     nodeProcessing: (node: Node) => void;
     nodeProcessed: (node: Node) => void;
 }
@@ -1670,6 +1672,8 @@ declare class Node extends CoreObject {
     clearMeta(): void;
     canProcess(): boolean;
     canRender(): boolean;
+    protected _update(changed: Map<PropertyKey, any>): void;
+    protected _updateProperty(key: PropertyKey, value: any, oldValue: any, declaration?: PropertyDeclaration): void;
     protected _onTreeEnter(tree: SceneTree): void;
     protected _onTreeExit(oldTree: SceneTree): void;
     protected _onParented(parent: Node): void;
@@ -3056,6 +3060,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    debug?: boolean;
     time?: number;
     onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }