modern-canvas 0.7.3 → 0.7.4

package/dist/index.mjs

@@ -2399,25 +2399,6 @@ class WebGLBatch2DModule extends WebGLModule {
   _drawCallUid = 0;
   _defaultModulate = 4294967295;
   _defaultBackgroundColor = 0;
-  _defaultColorMatrixOffset = [0, 0, 0, 0];
-  _defaultColorMatrix = [
-    1,
-    0,
-    0,
-    0,
-    0,
-    1,
-    0,
-    0,
-    0,
-    0,
-    1,
-    0,
-    0,
-    0,
-    0,
-    1
-  ];
   _batchables = [];
   _vertexCount = 0;
   _indexCount = 0;
@@ -2435,14 +2416,10 @@ class WebGLBatch2DModule extends WebGLModule {
     // 1
     aBackgroundColor: { size: 4, normalized: true, type: "unsigned_byte" },
     // 1
-    aDisableWrapMode: { size: 4, normalized: true, type: "float" },
-    // 4 只是为了凑4的整数倍
-    aColorMatrixOffset: { size: 4, normalized: false, type: "float" },
-    // 4 TODO bug
-    aColorMatrix: { size: 4, normalized: false, type: "float" }
-    // 16 TODO bug
+    aDisableWrapMode: { size: 4, normalized: true, type: "unsigned_byte" }
+    // 1
   };
-  _vertexSize = 1 + 2 + 2 + 1 + 1 + 4 + 4 + 16;
+  _vertexSize = 1 + 2 + 2 + 1 + 1 + 1;
   _getShader(maxTextureUnits) {
     let shader = this._shaders.get(maxTextureUnits);
     if (!shader) {
@@ -2459,8 +2436,6 @@ attribute vec2 aPosition;
 attribute vec2 aUv;
 attribute vec4 aModulate;
 attribute vec4 aBackgroundColor;
-attribute mat4 aColorMatrix;
-attribute vec4 aColorMatrixOffset;
 attribute vec4 aDisableWrapMode;
 
 uniform mat3 projectionMatrix;
@@ -2471,8 +2446,6 @@ varying float vTextureId;
 varying vec2 vUv;
 varying vec4 vModulate;
 varying vec4 vBackgroundColor;
-varying mat4 vColorMatrix;
-varying vec4 vColorMatrixOffset;
 varying vec4 vDisableWrapMode;
 
 void main(void) {
@@ -2487,8 +2460,6 @@ void main(void) {
   vUv = aUv;
   vModulate = aModulate * modulate;
   vBackgroundColor = aBackgroundColor;
-  vColorMatrix = aColorMatrix;
-  vColorMatrixOffset = aColorMatrixOffset;
   vDisableWrapMode = aDisableWrapMode;
 }`,
       frag: `precision highp float;
@@ -2496,8 +2467,6 @@ varying float vTextureId;
 varying vec2 vUv;
 varying vec4 vModulate;
 varying vec4 vBackgroundColor;
-varying mat4 vColorMatrix;
-varying vec4 vColorMatrixOffset;
 varying vec4 vDisableWrapMode;
 
 uniform sampler2D samplers[${maxTextureUnits}];
@@ -2530,8 +2499,6 @@ void main(void) {
   color += (1.0 - color.a) * vBackgroundColor;
   if (color.a > 0.0) {
     color *= vModulate;
-    color = vColorMatrix * color;
-    color += vColorMatrixOffset;
   }
   gl_FragColor = color;
 }`
@@ -2634,12 +2601,9 @@ void main(void) {
             texture: texture2,
             modulate = this._defaultModulate,
             backgroundColor = this._defaultBackgroundColor,
-            colorMatrix = this._defaultColorMatrix,
-            colorMatrixOffset = this._defaultColorMatrixOffset,
             blendMode = WebGLBlendMode.NORMAL,
             disableWrapMode = false
           } = batchables[i];
-          const textureLocation = (texture2 ? textureLocationMap.get(texture2) : -1) ?? -1;
           if (start < i && drawCall.blendMode !== blendMode) {
             drawCall.count = iIndex - drawCall.first;
             drawCalls.push(drawCall);
@@ -2649,24 +2613,17 @@ void main(void) {
             drawCall.first = iIndex;
           }
           const iIndexStart = aIndex / this._vertexSize;
+          const textureLocation = (texture2 ? textureLocationMap.get(texture2) : 255) ?? 255;
+          const disableWrapModeInt = disableWrapMode ? 1 : 0;
           for (let len2 = vertices.length, i2 = 0; i2 < len2; i2 += 2) {
             float32View[aIndex++] = textureLocation;
             float32View[aIndex++] = vertices[i2];
             float32View[aIndex++] = vertices[i2 + 1];
-            float32View[aIndex++] = uvs[i2] ?? 0;
-            float32View[aIndex++] = uvs[i2 + 1] ?? 0;
+            float32View[aIndex++] = uvs[i2];
+            float32View[aIndex++] = uvs[i2 + 1];
             uint32View[aIndex++] = modulate;
             uint32View[aIndex++] = backgroundColor;
-            float32View[aIndex++] = disableWrapMode ? 1 : 0;
-            float32View[aIndex++] = 0;
-            float32View[aIndex++] = 0;
-            float32View[aIndex++] = 0;
-            for (let i3 = 0; i3 < 4; i3++) {
-              float32View[aIndex++] = colorMatrixOffset[i3] ?? 0;
-            }
-            for (let i3 = 0; i3 < 16; i3++) {
-              float32View[aIndex++] = colorMatrix[i3] ?? 0;
-            }
+            uint32View[aIndex++] = disableWrapModeInt;
           }
           for (let len2 = indices.length, i2 = 0; i2 < len2; i2++) {
             indexBuffer[iIndex++] = iIndexStart + indices[i2];
@@ -7055,7 +7012,7 @@ class SceneTree extends MainLoop {
   }
 }
 __decorateClass$L([
-  property({ fallback: false })
+  property({ protected: true, fallback: false })
 ], SceneTree.prototype, "processPaused");
 __decorateClass$L([
   property()
@@ -9984,12 +9941,11 @@ let BaseElement2D = class extends Node2D {
   _drawContent() {
   }
   _repaint(batchables) {
-    const colorMatrix = parseCSSFilter(this.style.filter);
     return super._repaint(batchables).map((batchable) => {
       return {
-        ...batchable,
-        colorMatrix: colorMatrix.toMatrix4().toArray(true),
-        colorMatrixOffset: colorMatrix.toVector4().toArray()
+        ...batchable
+        // colorMatrix: colorMatrix.toMatrix4().toArray(true),
+        // colorMatrixOffset: colorMatrix.toVector4().toArray(),
       };
     });
   }

package/package.json

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