modern-canvas 0.4.1 → 0.4.3

package/dist/index.mjs

@@ -7684,7 +7684,8 @@ let MaskEffect = class extends Effect {
         QuadUvGeometry.draw(renderer, MaskEffect.material, {
           sampler: 0,
           mask: 1,
-          area: context.targetArea
+          area: context.targetArea,
+          rotation: context.target?.globalRotation ?? 0
         });
         renderer.texture.unbind(1);
       });
@@ -7704,6 +7705,20 @@ void main() {
 uniform sampler2D sampler;
 uniform sampler2D mask;
 uniform float area[4];
+uniform float rotation;
+
+vec2 rotateUV(vec2 uv, float angle) {
+    uv -= 0.5;
+    float cosAngle = cos(angle);
+    float sinAngle = sin(angle);
+    mat2 rotationMatrix = mat2(
+        cosAngle, -sinAngle,
+        sinAngle,  cosAngle
+    );
+    uv = rotationMatrix * uv;
+    uv += 0.5;
+    return uv;
+}
 
 void main(void) {
   if (
@@ -7717,7 +7732,7 @@ void main(void) {
       (vUv.x - area[0]) / area[2],
       ((1.0 - vUv.y) - area[1]) / area[3]
     );
-    vec4 maskColor = texture2D(mask, uv);
+    vec4 maskColor = texture2D(mask, rotateUV(uv, rotation));
     gl_FragColor = mix(vec4(0.), color, maskColor.a);
   } else {
     gl_FragColor = vec4(0.);
@@ -9655,7 +9670,7 @@ let Image2D = class extends Element2D {
     }
   }
   _repaint(batchables) {
-    return batchables.map((batchable) => {
+    return super._repaint(batchables).map((batchable) => {
       return {
         ...batchable,
         disableWrapMode: true

package/package.json

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