jigsawpuzzlegame 1.0.5 → 1.0.6

package/jigsaw-puzzle-game.js

@@ -394,6 +394,7 @@ class PolyPiece {
     this.canvas.classList.add("polypiece");
     this.ctx = this.canvas.getContext("2d");
     this.rot = 0;
+    this.rotationDegrees = 0; // Cumulative rotation in degrees for smooth animation
   }
 
   merge(otherPoly) {
@@ -723,7 +724,7 @@ class PolyPiece {
       this.ctx.stroke(path);
 
       this.ctx.restore();
-      this.canvas.style.transform = `rotate(${90 * this.rot}deg)`;
+      this.canvas.style.transform = `rotate(${this.rotationDegrees}deg)`;
     });
   }
 
@@ -743,7 +744,20 @@ class PolyPiece {
   }
 
   rotate(angle) {
+    // Calculate the change in rotation
+    const oldRot = this.rot;
     this.rot = angle;
+    
+    // Always rotate forward (add 90 degrees for each increment)
+    // If we're wrapping from 3 to 0, we need to go 270->360 instead of 270->0
+    if (this.rot === 0 && oldRot === 3) {
+      // Going from 270° (rot=3) to 0° (rot=0), add 90° to go to 360°
+      this.rotationDegrees += 90;
+    } else {
+      // Normal case: calculate the difference and add it
+      const diff = this.rot - oldRot;
+      this.rotationDegrees += diff * 90;
+    }
   }
 
   isPointInPath(p) {
@@ -902,7 +916,10 @@ class InternalPuzzle {
       );
       arrayShuffle(this.polyPieces);
       if (this.rotationAllowed)
-        this.polyPieces.forEach((pp) => (pp.rot = intAlea(4)));
+        this.polyPieces.forEach((pp) => {
+          pp.rot = intAlea(4);
+          pp.rotationDegrees = pp.rot * 90;
+        });
     } else {
       const pps = baseData[8];
       const offs = this.rotationAllowed ? 3 : 2;
@@ -911,6 +928,7 @@ class InternalPuzzle {
         polyp.x = ppData[0];
         polyp.y = ppData[1];
         polyp.rot = this.rotationAllowed ? ppData[2] : 0;
+        polyp.rotationDegrees = polyp.rot * 90;
         for (let k = offs + 2; k < ppData.length; k += 2) {
           let kx = ppData[k];
           let ky = ppData[k + 1];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "jigsawpuzzlegame",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "description": "A class for creating a jigsaw puzzle",
   "keywords": [
     "jigsaw",