/**** 
* Classes
****/ 
// House class representing upgradeable houses
var House = Container.expand(function () {
	var self = Container.call(this);
	var houseGraphics = self.attachAsset('house', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.upgrade = function (resource) {
		// Logic for upgrading house with a resource
	};
});
// Text class for displaying resources count in each grid
var GridText = Text2.expand(function () {
	var self = Text2.call(this, '0', {
		size: 100,
		fill: 0xFFFFFF
	});
	self.anchor.set(0.5, 0.5);
});

/**** 
* Initialize Game
****/ 
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Initialize arrays and variables
var resources = [];
var houses = [];
var score = 0;
// Function to create houses
function createHouse(x, y) {
	var house = new House();
	house.x = x; // Position the house at the given x coordinate
	house.y = y; // Position the house at the given y coordinate
	houses.push(house);
	game.addChild(house);
}
createHouse(1800, 1700);
var wall = LK.getAsset('wall1', {
	anchorX: 0.5,
	anchorY: 0,
	x: 1230,
	y: 0,
	scaleX: 2
});
game.addChild(wall);
game.down = function (x, y, obj) {};
game.up = function (x, y, obj) {};
// Update game logic
// Create grid1 and position it on the top left
var grid1 = LK.getAsset('grid', {
	anchorX: 0.0,
	anchorY: 0.0,
	x: 0,
	y: 0,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid1);
// Add a text asset to grid1 to display the resources count
var grid1Text = new GridText();
grid1Text.x = grid1.x + grid1.width * grid1.scaleX / 2;
grid1Text.y = grid1.y + grid1.height * grid1.scaleY / 2;
game.addChild(grid1Text);
// Create grid2 and position it next to grid1
var grid2 = LK.getAsset('grid', {
	anchorX: -0.8,
	anchorY: 0.0,
	x: grid1.width,
	y: 0,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid2);
// Add a text asset to grid2 to display the resources count
var grid2Text = new GridText();
grid2Text.x = grid2.x + grid2.width * grid2.scaleX / 2;
grid2Text.y = grid2.y + grid2.height * grid2.scaleY / 2;
game.addChild(grid2Text);
// Create grid3 and position it next to grid2
var grid3 = LK.getAsset('grid', {
	anchorX: -1.6,
	anchorY: 0.0,
	x: grid1.width + grid2.width,
	y: 0,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid3);
// Add a text asset to grid3 to display the resources count
var grid3Text = new GridText();
grid3Text.x = grid3.x + grid3.width * grid3.scaleX / 2;
grid3Text.y = grid3.y + grid3.height * grid3.scaleY / 2;
game.addChild(grid3Text);
// Create grid4 and position it next to grid3
var grid4 = LK.getAsset('grid', {
	anchorX: -2.4,
	anchorY: 0.0,
	x: grid1.width + grid2.width + grid3.width,
	y: 0,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid4);
// Add a text asset to grid4 to display the resources count
var grid4Text = new GridText();
grid4Text.x = grid4.x + grid4.width * grid4.scaleX / 2;
grid4Text.y = grid4.y + grid4.height * grid4.scaleY / 2;
game.addChild(grid4Text);
// Create grid5 and position it below grid1
var grid5 = LK.getAsset('grid', {
	anchorX: 0.0,
	anchorY: -1,
	x: 0,
	y: grid1.height,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid5);
// Add a text asset to grid5 to display the resources count
var grid5Text = new GridText();
grid5Text.x = grid5.x + grid5.width * grid5.scaleX / 2;
grid5Text.y = grid5.y + grid5.height * grid5.scaleY / 2;
game.addChild(grid5Text);
// Create grid6 and position it below grid2
var grid6 = LK.getAsset('grid', {
	anchorX: -0.8,
	anchorY: -1,
	x: grid1.width,
	y: grid2.height,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid6);
// Add a text asset to grid6 to display the resources count
var grid6Text = new GridText();
grid6Text.x = grid6.x + grid6.width * grid6.scaleX / 2;
grid6Text.y = grid6.y + grid6.height * grid6.scaleY / 2;
game.addChild(grid6Text);
// Add sky asset to the game as background
var sky = LK.getAsset('sky', {
	anchorX: 0.5,
	anchorY: 0.55,
	x: 1024,
	y: 1200,
	scaleX: 7,
	scaleY: 6
});
game.addChildAt(sky, 0);
// Add dirt asset to the game as background
var dirt = LK.getAsset('dirt', {
	anchorX: 0.2,
	anchorY: 0.7,
	x: 100,
	y: 2500,
	scaleX: 15,
	scaleY: 3
});
game.addChildAt(dirt, 1);
// Create grid7 and position it below grid3
var grid7 = LK.getAsset('grid', {
	anchorX: -1.6,
	anchorY: -1,
	x: grid1.width + grid2.width,
	y: grid3.height,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid7);
// Add a text asset to grid7 to display the resources count
var grid7Text = new GridText();
grid7Text.x = grid7.x + grid7.width * grid7.scaleX / 2;
grid7Text.y = grid7.y + grid7.height * grid7.scaleY / 2;
game.addChild(grid7Text);
// Create grid8 and position it below grid4
var grid8 = LK.getAsset('grid', {
	anchorX: -2.4,
	anchorY: -1,
	x: grid1.width + grid2.width + grid3.width,
	y: grid4.height,
	scaleX: 5.1,
	scaleY: 5
});
game.addChild(grid8);
// Add a text asset to grid8 to display the resources count
var grid8Text = new GridText();
grid8Text.x = grid8.x + grid8.width * grid8.scaleX / 2;
grid8Text.y = grid8.y + grid8.height * grid8.scaleY / 2;
game.addChild(grid8Text);
game.update = function () {
	houses.forEach(function (house) {
		// Logic for house updates
	});
};

===================================================================
--- original.js
+++ change.js
@@ -14,9 +14,9 @@
 });
 // Text class for displaying resources count in each grid
 var GridText = Text2.expand(function () {
 	var self = Text2.call(this, '0', {
-		size: 150,
+		size: 100,
 		fill: 0xFFFFFF
 	});
 	self.anchor.set(0.5, 0.5);
 });