Question

I’m creating a board game in AS3 for a Uni project. I was wondering if someone could tell me the best method for creating a 15×15 board of squares on the stage? I want to be able to add a mouse rollover effect on the squares. Also when a player clicks on the board their counter will be placed on that square.

Answer 1

This is pretty basic problem. Two dimensional board = you will need to use two loops one inside of other.

var myArrayOfTiles:Array = new Array();

var distanceX:Number = 0;
var distanceY:Number = 0;
for(var i:Number = 0; i < 15; i++) {
    myArrayOfTiles[i] = new Array();
    for(var j:Number = 0; j < 15; j++) {
        myArrayOfTiles[i][j] = new mySquare();
        myArrayOfTiles[i][j].x = distanceX;
        myArrayOfTiles[i][j].y = distanceY;
        distanceX += myArrayOfTiles[i][j].width;
    }
    distanceX = 0;
    distanceY += myArrayOfTiles[i][j].height;
}

That way you will have positioned tiles and two-dimensional array where you can access them. You can add listeners just after creating them.

Edit: Flash Professional version:

var myArrayOfTiles:Array = [];

var distanceX:Number = 0;
var distanceY:Number = 0;
for(var i:Number = 0; i < 15; i++) {
    myArrayOfTiles[i] = new Array();
    for(var j:Number = 0; j < 15; j++) {
    var mySquare:Symbol1 = new Symbol1();
        addChild(mySquare);
        myArrayOfTiles[i][j] = mySquare;
        myArrayOfTiles[i][j].x = distanceX;
        myArrayOfTiles[i][j].y = distanceY;
        distanceX += mySquare.width + 1;
    }
    distanceX = 0;
    distanceY += mySquare.height + 1;
}

That should work with FP, I checked this.