Making an HTML Jigsaw Puzzle in Flash CC

70 views Asked by At

I am working on a jigsaw puzzle game for a media arts class. I have followed a tutorial and redone it 3-4 times and I still can't interact with the tiles.

This is the Action Script 3 code

//*********************
// Initialize:

var numPieces = 16;

for (var i = 0; i < numPieces; i++)
{
    var pieceName = "p" + (i + 1);
    var piece = this[pieceName];
    if( piece ){
        piece.name = pieceName;
        piece.on("mousedown", function(evt) 
        {
            this.scaleX = 1;
            this.scaleY = 1;
            this.shadow = null;
            this.parent.addChild(this);// Bump to top
            this.offset = {x:this.x - evt.stageX, y:this.y - evt.stageY};
        });
        piece.on("pressmove", function(evt) 
        {
            this.x = evt.stageX + this.offset.x;
            this.y = evt.stageY + this.offset.y;
        });
        piece.on("pressup", function(evt) 
        {
            var target = this.parent["t"+this.name.substr(1)];
            if( target && hitTestInRange( target, 30) ){
                this.x = target.x;
                this.y = target.y;
            }
        });
    }
}

function hitTestInRange( target, range )
{
    if( target.x > stage.mouseX - range &&
        target.x < stage.mouseX + range &&
        target.y > stage.mouseY - range &&
        target.y < stage.mouseY + range )
    {
        return true;
    }
    return false;
}

The same code in Java Script

It was to many characters so here it is on pastebin http://pastebin.com/v9M2nSPd

If it would be helpful I can also post the flash file and the HTML file

I am hoping that someone here can help me figure out why I am unable to interact with any of my puzzle pieces.

0

There are 0 answers