Support revers rotation

odrick · Dec 17, 2019 · f2c5270 · f2c5270
1 parent a4134f5
commit f2c5270
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/client/splitters/Spine.js b/src/client/splitters/Spine.js
@@ -96,6 +96,10 @@ class Spine extends Splitter {
     static get type() {
         return 'Spine';
     }
+
+    static get inverseRotation() {
+        return true;
+    }
 }
 
 export default Spine;
diff --git a/src/client/splitters/Splitter.js b/src/client/splitters/Splitter.js
@@ -17,6 +17,10 @@ class Splitter {
 
         return name;
     }
+
+    static get inverseRotation() {
+        return false;
+    }
 }
 
 export default Splitter;
diff --git a/src/client/ui/SheetSplitter.jsx b/src/client/ui/SheetSplitter.jsx
@@ -71,7 +71,7 @@ class SheetSplitter extends React.Component {
                 ctx.save();
 
                 ctx.translate(item.spriteSourceSize.x + item.spriteSourceSize.w/2, item.spriteSourceSize.y + item.spriteSourceSize.h/2);
-                ctx.rotate(-Math.PI/2);                
+                ctx.rotate(this.state.splitter.inverseRotation ? Math.PI/2 : -Math.PI/2);                
 
                 let dx = trimmed ? item.spriteSourceSize.y - item.spriteSourceSize.h/2 : -item.spriteSourceSize.h/2;
                 let dy = trimmed ? -(item.spriteSourceSize.x + item.spriteSourceSize.w/2) : -item.spriteSourceSize.w/2;