javascript - KineticJs 拼图游戏

Question

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

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

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

Answer 1

您可以为每件作品的 x,y 位置添加随机偏移量。

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

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