add support for shear

flyover · May 12, 2016 · 8772571 · 8772571
1 parent 64c3cf0
commit 8772571
Show file tree

Hide file tree

Showing 3 changed files with 297 additions and 125 deletions.
diff --git a/demo/render-ctx2d.js b/demo/render-ctx2d.js
@@ -470,6 +470,7 @@ function ctxApplySpace(ctx, space) {
   if (space) {
     ctx.translate(space.position.x, space.position.y);
     ctx.rotate(space.rotation.rad);
+    ctx.transform(space.shear.x.cos, space.shear.x.sin, -space.shear.y.sin, space.shear.y.cos, 0, 0);
     ctx.transform(space.scale.a, space.scale.c, space.scale.b, space.scale.d, 0, 0);
   }
 }

diff --git a/demo/render-webgl.js b/demo/render-webgl.js
@@ -892,6 +892,7 @@ function mat3x3ApplySpace(m, space) {
   if (space) {
     mat3x3Translate(m, space.position.x, space.position.y);
     mat3x3RotateCosSin(m, space.rotation.cos, space.rotation.sin);
+    mat3x3Multiply2x2(m, space.shear.x.cos, -space.shear.y.sin, space.shear.x.sin, space.shear.y.cos);
     mat3x3Multiply2x2(m, space.scale.a, space.scale.b, space.scale.c, space.scale.d);
   }
   return m;