KineticJs 拼图游戏答案

【问题标题】：KineticJs jigsaw puzzle scrambleKineticJs 拼图游戏
【发布时间】：2014-09-15 14:19:32
【问题描述】：

我目前正在做一个拼图 HTML5 项目，现在我被困在我开始玩时我希望我的拼图块在容器周围，任何人都可以帮助我开始吗？谢谢。

    function jigsaw(){
    var imageObj = new Image();
    imageObj.src = "kidwallpaper.jpg";
    imageObj.onload = function(){
        drawImage(this);
    }
 }

P.S：这是我的 jsfiddle：http://jsfiddle.net/vFez6/17/

【问题讨论】：

标签： javascript html random kineticjs scramble

【解决方案1】：

您可以为每块的 x,y 位置添加一个随机偏移量。

x: i + pieceWidth / 4 + Math.random()*(stage.getWidth()-pieceWidth),

y: j + pieceHeight / 4 + Math.random()*(stage.getHeight()-pieceHeight),

【讨论】：

谢谢 :) 它可以工作，但是当我打乱时，我可以将碎片旋转到不同的程度吗？谢谢
哦，好的，那我应该添加什么？谢谢:)
嗯，您自己的设计要求决定了您想要如何进行旋转。如果要围绕对象中心旋转，请将旋转点（offsetX/offsetY）设置在对象中心，然后设置旋转角度。
感谢您的帮助 :)，所以如果我想让我的作品旋转 90 度，我应该在这里添加一些东西吗？ var offsetX=pieceWidthi; var offsetY=pieceHeightj;