modern-canvas 0.6.12 → 0.6.13

package/dist/index.cjs

@@ -961,6 +961,8 @@ class CoreObject extends modernIdoc.EventEmitter {
       if (value && typeof value === "object") {
         if ("toJSON" in value && typeof value.toJSON === "function") {
           json[key] = value.toJSON();
+        } else if (Array.isArray(value)) {
+          json[key] = [...value];
         } else {
           json[key] = { ...value };
         }
@@ -2445,7 +2447,7 @@ attribute vec4 aColorMatrixOffset;
 attribute vec4 aDisableWrapMode;
 
 uniform mat3 projectionMatrix;
-uniform mat3 translationMatrix;
+uniform mat3 worldTransformMatrix;
 uniform vec4 modulate;
 
 varying float vTextureId;
@@ -2457,8 +2459,14 @@ varying vec4 vColorMatrixOffset;
 varying vec4 vDisableWrapMode;
 
 void main(void) {
+  mat3 modelMatrix = mat3(
+    1.0, 0.0, 0.0,
+    0.0, 1.0, 0.0,
+    0.0, 0.0, 1.0
+  );
   vTextureId = aTextureId;
-  gl_Position = vec4((projectionMatrix * translationMatrix * vec3(aPosition, 1.0)).xy, 0.0, 1.0);
+  mat3 modelViewProjectionMatrix = projectionMatrix * worldTransformMatrix * modelMatrix;
+  gl_Position = vec4((modelViewProjectionMatrix * vec3(aPosition, 1.0)).xy, 0.0, 1.0);
   vUv = aUv;
   vModulate = aModulate * modulate;
   vBackgroundColor = aBackgroundColor;
@@ -2549,7 +2557,6 @@ void main(void) {
         renderer2.program.updateUniforms(program, {
           samplers,
           modulate: [1, 1, 1, 1],
-          translationMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1],
           ...renderer2.program.uniforms
         });
         renderer2.vertexArray.bind(vao ?? vertexArray);
@@ -3204,7 +3211,8 @@ class WebGLProgramModule extends WebGLModule {
   }
   boundProgram = null;
   uniforms = {
-    projectionMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1]
+    projectionMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+    worldTransformMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1]
   };
   create(options) {
     const program = this.gl.createProgram();
@@ -3406,7 +3414,10 @@ ${gl.getShaderInfoLog(shader)}`);
   reset() {
     super.reset();
     this.boundProgram = null;
-    this.uniforms = {};
+    this.uniforms = {
+      projectionMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1],
+      worldTransformMatrix: [1, 0, 0, 0, 1, 0, 0, 0, 1]
+    };
   }
   free() {
     super.free();

package/dist/index.d.cts

@@ -1046,7 +1046,10 @@ declare class WebGLMaskModule extends WebGLModule {
 declare class WebGLProgramModule extends WebGLModule {
     install(renderer: WebGLRenderer): void;
     boundProgram: WebGLProgram | null;
-    uniforms: Record<string, any>;
+    uniforms: {
+        projectionMatrix: number[];
+        worldTransformMatrix: number[];
+    };
     create(options?: WebGLProgramOptions): WebGLProgram;
     getMeta(program: WebGLProgram): WebGLProgramMeta;
     update(options: WebGLProgramOptions): void;
@@ -1709,8 +1712,7 @@ declare class Node extends CoreObject {
     protected _render(renderer: WebGLRenderer): void;
     clone(): this;
     toJSON(): Record<string, any>;
-    static parse(value: Record<string, any>[]): Node[];
-    static parse(value: Record<string, any>): Node;
+    static parse(value: any): any;
 }
 
 interface TimelineNodeProperties extends NodeProperties {

package/dist/index.d.mts

@@ -1046,7 +1046,10 @@ declare class WebGLMaskModule extends WebGLModule {
 declare class WebGLProgramModule extends WebGLModule {
     install(renderer: WebGLRenderer): void;
     boundProgram: WebGLProgram | null;
-    uniforms: Record<string, any>;
+    uniforms: {
+        projectionMatrix: number[];
+        worldTransformMatrix: number[];
+    };
     create(options?: WebGLProgramOptions): WebGLProgram;
     getMeta(program: WebGLProgram): WebGLProgramMeta;
     update(options: WebGLProgramOptions): void;
@@ -1709,8 +1712,7 @@ declare class Node extends CoreObject {
     protected _render(renderer: WebGLRenderer): void;
     clone(): this;
     toJSON(): Record<string, any>;
-    static parse(value: Record<string, any>[]): Node[];
-    static parse(value: Record<string, any>): Node;
+    static parse(value: any): any;
 }
 
 interface TimelineNodeProperties extends NodeProperties {

package/dist/index.d.ts

@@ -1046,7 +1046,10 @@ declare class WebGLMaskModule extends WebGLModule {
 declare class WebGLProgramModule extends WebGLModule {
     install(renderer: WebGLRenderer): void;
     boundProgram: WebGLProgram | null;
-    uniforms: Record<string, any>;
+    uniforms: {
+        projectionMatrix: number[];
+        worldTransformMatrix: number[];
+    };
     create(options?: WebGLProgramOptions): WebGLProgram;
     getMeta(program: WebGLProgram): WebGLProgramMeta;
     update(options: WebGLProgramOptions): void;
@@ -1709,8 +1712,7 @@ declare class Node extends CoreObject {
     protected _render(renderer: WebGLRenderer): void;
     clone(): this;
     toJSON(): Record<string, any>;
-    static parse(value: Record<string, any>[]): Node[];
-    static parse(value: Record<string, any>): Node;
+    static parse(value: any): any;
 }
 
 interface TimelineNodeProperties extends NodeProperties {