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),