Stage Grid

// try changing the size of  the stage
[SWF(width = 600, height = 400)]

// try changing the tile size (make sure swf width and height are evenly divisible by this number)
var tileSize:int = 20;


var cols:int = stage.stageWidth / tileSize;
var rows:int = stage.stageHeight / tileSize;

var grid:Sprite = Sprite(addChild(new Sprite()));
grid.graphics.lineStyle(0,0x000000);

var i:int = 0;

for (i = 1; i<cols; i++){
	var posX:Number = i * tileSize
	grid.graphics.moveTo(posX, 0);
	grid.graphics.lineTo(posX, stage.stageHeight);
}
for (i = 1; i<rows; i++){
	var posY:Number = i * tileSize
	grid.graphics.moveTo(0, posY);
	grid.graphics.lineTo(stage.stageWidth, posY);
}

This is a quick way to fill the stage with a grid. I like my grids to have square tiles with sizes like 5×5, 10×10 20×20 etc…. So as long as you make sure that you’re swf width and height are evenly divisible by your tileSize, this snippet will work nicely.

Leave a Reply

Your email address will not be published. Required fields are marked *