javascript - KineticJs 不同 Angular 旋转

Question

我正在使用最新版本的 kineticJs，现在我正在做益智游戏，这需要我的拼图 block 在打乱后旋转，任何人都知道如何旋转不同的 Angular 而不是旋转 2-3 个相同的 Angular ？谢谢:)

                    fillPatternImage:imageObj,
                    fillPatternOffsetX :i * pieceWidth,
                    fillPatternOffsetY :j * pieceHeight,
                    stroke: "#000000",
                    strokeWidth: 4,
                    lineCap: "round",
        rotation : Math.PI * 28.5 * Math.floor(Math.random() * 2), <-- rotation part
                    draggable: true,
  offset : [ pieceWidth / 2 + pieceWidth * 0.3,pieceHeight / 2 + pieceHeight * 0.3 ],
                x:0+ (Math.random()*6)*((stage.getWidth()+pieceWidth)/16),
                y:0+ (Math.random()*4)*((stage.getHeight()+pieceHeight)/16),

我的 fiddle :http://jsfiddle.net/e70n2693/34/

Answer 1

代码 Math.floor(Math.random() * 2) 给出 0 或 1，然后乘以 PI*28.5，给出 0 或 PI*28.5 的旋转。

将 Math.random() 的乘数增加到所需的可能旋转次数。

您可能还必须更改乘以 PI 的值，以更好地扩展可能的 Angular (减少它)

类似下面的内容应该会给出更广泛的结果

var numberOfDifferentAngles = 50;
var differenceBetweenAngles = Math.PI * 2;

rotation : differenceBetweenAngles  
   * Math.floor(Math.random() * numberOfDifferentAngles ),