/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
var Board = Container.expand(function () {
	var self = Container.call(this);
	self.boxGraphics = self.attachAsset('board', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.paint = function () {
		if (self.boxGraphics) {
			self.boxGraphics.width = boardSize;
			self.boxGraphics.height = boardSize;
		}
		var startX = -self.width / 2;
		var startY = -self.height / 2;
		var boxSize = calculateTileSize();
		var boxSpacing = boxSize * spacingRatio;
		var offset = boxSize / 2 + boxSpacing;
		for (var i = 0; i < gridSize; i++) {
			for (var j = 0; j < gridSize; j++) {
				var box = self.addChild(new Box());
				box.width = box.height = boxSize;
				box.x = offset + startX + i * (boxSize + boxSpacing);
				box.y = offset + startY + j * (boxSize + boxSpacing);
				box.setAlpha(0.1);
			}
		}
	};
	self.paint();
});
var Box = Container.expand(function () {
	var self = Container.call(this);
	var boxGraphics = self.attachAsset('box', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 10;
	self.setAlpha = function (i) {
		self.alpha = i;
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
var gridSize = 5;
var spacingRatio = 0.2;
var boardSize = 1300;
function calculateTileSize() {
	// Example of getting desired tileSize depending on gridSize (for different size grids)
	// maintaining 1300px board size and 0.2 gutter between tiles.
	var tileSize = boardSize / ((gridSize + 1) * spacingRatio + gridSize);
	return tileSize;
	console.log(tileSize);
}
var tileSize = calculateTileSize();
var board = new Board();
board.x = 1024;
board.y = 2732 / 2;
game.addChild(board);
// Click handler
game.down = function (x, y, obj) {
	//board.scale.x *= 1.2;
	//board.scale.y *= 1.2;
};

===================================================================
--- original.js
+++ change.js
@@ -8,23 +8,8 @@
 	self.boxGraphics = self.attachAsset('board', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
-	self.setup = function () {
-		var boxSize = 100;
-		var boxSpacing = 20;
-		var startX = -self.width / 2;
-		var startY = -self.height / 2; //0; //background.y - background.height / 2 + boxSpacing;
-		for (var i = 0; i < 10; i++) {
-			for (var j = 0; j < 10; j++) {
-				var box = self.addChild(new Box());
-				box.x = 70 + startX + i * (boxSize + boxSpacing);
-				box.y = 70 + startY + j * (boxSize + boxSpacing);
-				box.setAlpha(0.2);
-			}
-		}
-	};
-	//self.setup();
 	self.paint = function () {
 		if (self.boxGraphics) {
 			self.boxGraphics.width = boardSize;
 			self.boxGraphics.height = boardSize;
@@ -36,11 +21,12 @@
 		var offset = boxSize / 2 + boxSpacing;
 		for (var i = 0; i < gridSize; i++) {
 			for (var j = 0; j < gridSize; j++) {
 				var box = self.addChild(new Box());
+				box.width = box.height = boxSize;
 				box.x = offset + startX + i * (boxSize + boxSpacing);
 				box.y = offset + startY + j * (boxSize + boxSpacing);
-				box.setAlpha(0.2);
+				box.setAlpha(0.1);
 			}
 		}
 	};
 	self.paint();
@@ -66,14 +52,14 @@
 
 /**** 
 * Game Code
 ****/ 
-var gridSize = 6;
+var gridSize = 5;
 var spacingRatio = 0.2;
-var boardSize = 1600;
+var boardSize = 1300;
 function calculateTileSize() {
 	// Example of getting desired tileSize depending on gridSize (for different size grids)
-	// maintaining 1600px board size and 0.2 gutter between tiles.
+	// maintaining 1300px board size and 0.2 gutter between tiles.
 	var tileSize = boardSize / ((gridSize + 1) * spacingRatio + gridSize);
 	return tileSize;
 	console.log(tileSize);
 }