/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var Page0 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background0' with the anchor point set to 0, 0
	var background0 = self.attachAsset('background0', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 1024,
		y: 1366,
		scaleX: 1.5,
		scaleY: 1.5
	});
	self.lastX = background0.x;
	self.lastY = background0.y;
	// Add drag functionality to the background1 image
	self.down = function (x, y, obj) {
		self.dragging = true;
		self.data = obj.data;
		self.initialClick = {
			x: x,
			y: y
		};
		self.offset = {
			x: background0.x - x,
			y: background0.y - y
		};
	};
	self.up = function () {
		self.dragging = false;
		self.data = null;
	};
	self.move = function (x, y, obj) {
		if (self.dragging) {
			// Check if we reached the Y position 1000 right now as we were not there before
			if (self.lastY <= 1000 && background0.y > 1000) {
				console.log("Background0 reached Y position 1000");
			}
			// Check if we reached the X position 500 right now as we were not there before
			if (self.lastX <= 500 && background0.x > 500) {
				console.log("Background0 reached X position 500");
			}
			var dx = x - self.initialClick.x;
			var dy = y - self.initialClick.y;
			background0.x = x + self.offset.x;
			background0.y = y + self.offset.y;
			gate1.x = background0.x; // Sync gate1's x position with background0
			gate1.y = background0.y; // Sync gate1's y position with background0
			gate2.x = background0.x; // Sync gate2's x position with background0
			gate2.y = background0.y; // Sync gate2's y position with background0
			gate3.x = background0.x; // Sync gate3's x position with background0
			gate3.y = background0.y; // Sync gate3's y position with background0
			gate4.x = background0.x; // Sync gate4's x position with background0
			gate4.y = background0.y; // Sync gate4's y position with background0
			gate5.x = background0.x; // Sync gate5's x position with background0
			gate5.y = background0.y; // Sync gate5's y position with background0
			gate6.x = background0.x; // Sync gate6's x position with background0
			gate6.y = background0.y; // Sync gate6's y position with background0
			self.initialClick = {
				x: x,
				y: y
			};
			self.lastX = background0.x;
			self.lastY = background0.y;
		}
	};
	// Get and automatically addChild to self asset with id 'gate1' with the anchor point set to 0.5, 0.5
	var gate1 = self.attachAsset('gate1', {
		anchorX: 9.5,
		anchorY: 1.4,
		x: 1024,
		y: 1366
	});
	// Add click event to gate1 to navigate to Page1
	gate1.down = function (x, y, obj) {
		// Navigate to Page1
		game.removeChild(page);
		page = game.addChild(new Page1());
	};
	// Get and automatically addChild to self asset with id 'gate2' with the anchor point set to 0.5, 0.5
	var gate2 = self.attachAsset('gate2', {
		anchorX: 5.5,
		anchorY: 0.8,
		x: 1024,
		y: 1366
	});
	// Add click event to gate2 to navigate to Page2
	gate2.down = function (x, y, obj) {
		// Navigate to Page2
		game.removeChild(page);
		page = game.addChild(new Page2());
	};
	// Get and automatically addChild to self asset with id 'gate3' with the anchor point set to 0.5, 0.5
	var gate3 = self.attachAsset('gate3', {
		anchorX: 2.4,
		anchorY: -3.5,
		x: 1024,
		y: 1366
	});
	// Add click event to gate3 to navigate to Page3
	gate3.down = function (x, y, obj) {
		// Navigate to Page3
		game.removeChild(page);
		page = game.addChild(new Page3());
	};
	// Get and automatically addChild to self asset with id 'gate4' with the anchor point set to 0.5, 0.5
	var gate4 = self.attachAsset('gate4', {
		anchorX: 9.8,
		anchorY: 9.8,
		x: 1024,
		y: 1366
	});
	gate4.x = background0.x; // Sync gate4's x position with background0
	gate4.y = background0.y; // Sync gate4's y position with background0
	// Add click event to gate4 to navigate to Page4
	gate4.down = function (x, y, obj) {
		// Navigate to Page4
		game.removeChild(page);
		page = game.addChild(new Page4());
	};
	// Get and automatically addChild to self asset with id 'gate5' with the anchor point set to 0.5, 0.5
	var gate5 = self.attachAsset('gate5', {
		anchorX: 3,
		anchorY: 7,
		x: 1024,
		y: 1366
	});
	gate5.x = background0.x; // Sync gate5's x position with background0
	gate5.y = background0.y; // Sync gate5's y position with background0
	// Add click event to gate5 to navigate to Page5
	gate5.down = function (x, y, obj) {
		// Navigate to Page5
		game.removeChild(page);
		page = game.addChild(new Page5());
	};
	// Get and automatically addChild to self asset with id 'gate6' with the anchor point set to 0.5, 0.5
	var gate6 = self.attachAsset('gate6', {
		anchorX: -6,
		anchorY: 7.5,
		x: 1024,
		y: 1366
	});
	gate6.x = background0.x; // Sync gate6's x position with background0
	gate6.y = background0.y; // Sync gate6's y position with background0
	// Add click event to gate6 to navigate to Page1
	gate6.down = function (x, y, obj) {
		// Navigate to Page6
		game.removeChild(page);
		page = game.addChild(new Page6());
	};
});
// Create a Page1 class by using the LK expand method to extend Container.
var Page1 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background1' with the anchor point set to 0, 0
	var background1 = self.attachAsset('background1', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0
	});
	// Get and automatically addChild to self asset with id 'wall1' with the anchor point set to 0.5, 1.0
	var wall1 = self.attachAsset('wall1', {
		anchorX: 0.5,
		anchorY: 1.0,
		x: 1024,
		// Center horizontally
		y: 2732 // Position at the bottom
	});
	// Get and automatically addChild to self asset with id 'tree1' with the anchor point set to 0.5, 0.5
	var tree1 = self.attachAsset('tree1', {
		anchorX: -1.1,
		anchorY: 3,
		x: 1000,
		// Center horizontally
		y: 1366 // Center vertically
	});
	// Add click event to tree1 to update wood score and animate woodstatue
	tree1.clickCount = 0;
	tree1.down = function (x, y, obj) {
		tree1.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree1.clickCount >= 3) {
			tree1.visible = false;
		}
	};
	var tree2 = self.attachAsset('tree2', {
		anchorX: -1.1,
		anchorY: 3,
		x: 700,
		// Position tree2 to the left of tree1
		y: 1366 // Align vertically with tree1
	});
	tree2.clickCount = 0;
	tree2.down = function (x, y, obj) {
		tree2.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree2.clickCount >= 3) {
			tree2.visible = false;
		}
	};
	// Add woodstatue below tree2
	var tree3 = self.attachAsset('tree3', {
		anchorX: -1.1,
		anchorY: 3,
		x: 380,
		// Position tree3 slightly more to the left of tree2
		// Position tree3 to the left of tree2
		y: 1366 // Align vertically with tree2
	});
	tree3.clickCount = 0;
	tree3.down = function (x, y, obj) {
		tree3.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree3.clickCount >= 3) {
			tree3.visible = false;
		}
	};
	// Add woodstatue below tree3
	var tree7 = self.attachAsset('tree7', {
		anchorX: -1.1,
		anchorY: 3,
		x: 380,
		// Align horizontally with tree3
		y: 1666 // Position tree7 below tree3
	});
	tree7.clickCount = 0;
	tree7.down = function (x, y, obj) {
		tree7.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree7.clickCount >= 3) {
			tree7.visible = false;
		}
	};
	// Add woodstatue below tree7
	var tree3_below = self.attachAsset('tree3', {
		anchorX: -1.1,
		anchorY: 3,
		x: 380,
		// Align horizontally with tree7
		y: 1966 // Position tree3 below tree7
	});
	tree3_below.clickCount = 0;
	tree3_below.down = function (x, y, obj) {
		tree3_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree3_below.clickCount >= 3) {
			tree3_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree7' with the anchor point set to 0.5, 0.5
	var tree7_below = self.attachAsset('tree7', {
		anchorX: -1.1,
		anchorY: 3,
		x: 380,
		// Align horizontally with tree3_below
		y: 2266 // Position tree7 below tree3_below
	});
	tree7_below.clickCount = 0;
	tree7_below.down = function (x, y, obj) {
		tree7_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree7_below.clickCount >= 3) {
			tree7_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree4' with the anchor point set to 0.5, 0.5
	var tree4 = self.attachAsset('tree4', {
		anchorX: -1.1,
		anchorY: 3,
		x: 100,
		// Position tree4 to the left of tree3
		y: 1366 // Align vertically with tree3
	});
	tree4.clickCount = 0;
	tree4.down = function (x, y, obj) {
		tree4.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree4.clickCount >= 3) {
			tree4.visible = false;
		}
	};
	// Add woodstatue below tree4
	var tree5 = self.attachAsset('tree5', {
		anchorX: -1.1,
		anchorY: 3,
		x: 1000,
		// Align horizontally with tree1
		y: 1666 // Position tree5 below tree1
	});
	tree5.clickCount = 0;
	tree5.down = function (x, y, obj) {
		tree5.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree5.clickCount >= 3) {
			tree5.visible = false;
		}
	};
	// Add woodstatue below tree5
	var tree1_below = self.attachAsset('tree1', {
		anchorX: -1.1,
		anchorY: 3,
		x: 1000,
		// Align horizontally with tree5
		y: 1966 // Position tree1 below tree5
	});
	tree1_below.clickCount = 0;
	tree1_below.down = function (x, y, obj) {
		tree1_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree1_below.clickCount >= 3) {
			tree1_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree5' with the anchor point set to 0.5, 0.5
	var tree5_below = self.attachAsset('tree5', {
		anchorX: -1.1,
		anchorY: 3,
		x: 1000,
		// Align horizontally with tree1_below
		y: 2266 // Position tree5 below tree1_below
	});
	tree5_below.clickCount = 0;
	tree5_below.down = function (x, y, obj) {
		tree5_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree5_below.clickCount >= 3) {
			tree5_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree6' with the anchor point set to 0.5, 0.5
	var tree6 = self.attachAsset('tree6', {
		anchorX: -1.1,
		anchorY: 3,
		x: 700,
		// Position tree6 to the left of tree5
		y: 1666 // Align vertically with tree5
	});
	tree6.clickCount = 0;
	tree6.down = function (x, y, obj) {
		tree6.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree6.clickCount >= 3) {
			tree6.visible = false;
		}
	};
	// Add woodstatue below tree6
	var tree2_below = self.attachAsset('tree2', {
		anchorX: -1.1,
		anchorY: 3,
		x: 700,
		// Align horizontally with tree6
		y: 1966 // Position tree2 below tree6
	});
	tree2_below.clickCount = 0;
	tree2_below.down = function (x, y, obj) {
		tree2_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree2_below.clickCount >= 3) {
			tree2_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree6' with the anchor point set to 0.5, 0.5
	var tree6_below = self.attachAsset('tree6', {
		anchorX: -1.1,
		anchorY: 3,
		x: 700,
		// Align horizontally with tree2_below
		y: 2266 // Position tree6 below tree2_below
	});
	tree6_below.clickCount = 0;
	tree6_below.down = function (x, y, obj) {
		tree6_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree6_below.clickCount >= 3) {
			tree6_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree8' with the anchor point set to 0.5, 0.5
	var tree8 = self.attachAsset('tree8', {
		anchorX: -1.1,
		anchorY: 3,
		x: 80,
		// Position tree8 to the left of tree7
		y: 1666 // Align vertically with tree7
	});
	tree8.clickCount = 0;
	tree8.down = function (x, y, obj) {
		tree8.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree8.clickCount >= 3) {
			tree8.visible = false;
		}
	};
	// Add woodstatue below tree8
	// Get and automatically addChild to self asset with id 'tree4' with the anchor point set to 0.5, 0.5
	var tree4_below = self.attachAsset('tree4', {
		anchorX: -1.1,
		anchorY: 3,
		x: 80,
		// Align horizontally with tree8
		y: 1966 // Position tree4 below tree8
	});
	tree4_below.clickCount = 0;
	tree4_below.down = function (x, y, obj) {
		tree4_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree4_below.clickCount >= 3) {
			tree4_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree8' with the anchor point set to 0.5, 0.5
	var tree8_below = self.attachAsset('tree8', {
		anchorX: -1.1,
		anchorY: 3,
		x: 80,
		// Align horizontally with tree4_below
		y: 2266 // Position tree8 below tree4_below
	});
	tree8_below.clickCount = 0;
	tree8_below.down = function (x, y, obj) {
		tree8_below.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree8_below.clickCount >= 3) {
			tree8_below.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree1' with the anchor point set to 0.5, 0.5
	var tree1_below2 = self.attachAsset('tree1', {
		anchorX: -1.1,
		anchorY: 3,
		x: 1000,
		// Align horizontally with tree1_below
		y: 2566 // Position tree1_below2 below tree1_below
	});
	tree1_below2.clickCount = 0;
	tree1_below2.down = function (x, y, obj) {
		tree1_below2.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree1_below2.clickCount >= 3) {
			tree1_below2.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree2' with the anchor point set to 0.5, 0.5
	var tree2_below2 = self.attachAsset('tree2', {
		anchorX: -1.1,
		anchorY: 3,
		x: 700,
		// Align horizontally with tree2_below
		y: 2566 // Position tree2_below2 below tree2_below
	});
	tree2_below2.clickCount = 0;
	tree2_below2.down = function (x, y, obj) {
		tree2_below2.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree2_below2.clickCount >= 3) {
			tree2_below2.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree3' with the anchor point set to 0.5, 0.5
	var tree3_below2 = self.attachAsset('tree3', {
		anchorX: -1.1,
		anchorY: 3,
		x: 380,
		// Align horizontally with tree3_below
		y: 2566 // Position tree3_below2 below tree3_below
	});
	tree3_below2.clickCount = 0;
	tree3_below2.down = function (x, y, obj) {
		tree3_below2.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree3_below2.clickCount >= 3) {
			tree3_below2.visible = false;
		}
	};
	// Get and automatically addChild to self asset with id 'tree4' with the anchor point set to 0.5, 0.5
	var tree4_below2 = self.attachAsset('tree4', {
		anchorX: -1.1,
		anchorY: 3,
		x: 80,
		// Align horizontally with tree4_below
		y: 2566 // Position tree4_below2 below tree4_below
	});
	tree4_below2.clickCount = 0;
	tree4_below2.down = function (x, y, obj) {
		tree4_below2.clickCount++;
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		if (tree4_below2.clickCount >= 3) {
			tree4_below2.visible = false;
		}
	};
	// Create an instance of WoodStatue and add it to the page
	var woodstatue = self.addChild(new WoodStatue());
	// Add click event to woodstatue to update statue count
	woodstatue.down = function (x, y, obj) {
		// Update statue count
		var currentStatueCount = parseInt(statueCountTxt.text);
		statueCountTxt.setText(currentStatueCount + 1);
	};
	// Removed woodScoreTxt initialization and usage in Page1
});
var Page2 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background2' with the anchor point set to 0, 0
	var background2 = self.attachAsset('background2', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page3 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background3' with the anchor point set to 0, 0
	var background3 = self.attachAsset('background3', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page4 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background4' with the anchor point set to 0, 0
	var background4 = self.attachAsset('background4', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
// Create a Page5 class by using the LK expand method to extend Container.
var Page5 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background5' with the anchor point set to 0, 0
	var background5 = self.attachAsset('background5', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Page6 = Container.expand(function () {
	var self = Container.call(this);
	// Get and automatically addChild to self asset with id 'background6' with the anchor point set to 0, 0
	var background6 = self.attachAsset('background6', {
		anchorX: 0.0,
		anchorY: 0.0,
		x: 0,
		y: 0
	});
});
var Statue = Container.expand(function () {
	var self = Container.call(this);
	// Attach the woodstatue asset to the Statue class
	var statueGraphics = self.attachAsset('woodstatue', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Event handler for when the statue is clicked
	self.down = function (x, y, obj) {
		var currentStatueCount = parseInt(statueCountTxt.text);
		statueCountTxt.setText(currentStatueCount + 1);
	};
	return self;
});
var Text1 = Container.expand(function () {
	var self = Container.call(this);
	var text = new Text2('0', {
		size: 50,
		fill: 0xfd0000
	});
	text.anchor.set(-1, -3);
	self.addChild(text);
	self.setText = function (newText) {
		text.setText(newText);
	};
	return self;
});
var WoodStatue = Container.expand(function () {
	var self = Container.call(this);
	var woodStatueGraphics = self.attachAsset('woodstatue', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.down = function (x, y, obj) {
		var currentScore = parseInt(woodScoreTxt.text);
		woodScoreTxt.setText(currentScore + 5);
		var currentStatueCount = parseInt(statueCountTxt.text);
		statueCountTxt.setText(currentStatueCount + 5);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Create and display the statue count text in the middle of the screen
var statueCountTxt = new Text1();
statueCountTxt.setText('0');
statueCountTxt.x = 2048 / 2; // Center horizontally
statueCountTxt.y = 200; // Position below the wood score
LK.gui.top.addChild(statueCountTxt); // Add the statue count text to the GUI overlay
// Create and display the score text for counting wood
var woodScoreTxt = new Text1();
woodScoreTxt.setText('0');
woodScoreTxt.x = 2048 / 2; // Center horizontally
woodScoreTxt.y = 100; // Position at the top of the screen
LK.gui.top.addChild(woodScoreTxt); // Add the wood score text to the GUI overlay
var page = game.addChild(new Page0()); //{0.b}
; //{0.b}

===================================================================
--- original.js
+++ change.js
@@ -595,9 +595,9 @@
 	var text = new Text2('0', {
 		size: 50,
 		fill: 0xfd0000
 	});
-	text.anchor.set(0.5, -3);
+	text.anchor.set(-1, -3);
 	self.addChild(text);
 	self.setText = function (newText) {
 		text.setText(newText);
 	};