/**** 
* Classes
****/ 
// City class representing the city map
var City = Container.expand(function () {
	var self = Container.call(this);
	var cityGraphics = self.attachAsset('city', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// City logic
	};
});
//<Assets used in the game will automatically appear here>
//<Write imports for supported plugins here>
// Gorilla class representing the player
var Gorilla = Container.expand(function () {
	var self = Container.call(this);
	var gorillaGraphics = self.attachAsset('gorilla', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.update = function () {
		// Gorilla movement logic
	};
	self.down = function (x, y, obj) {
		// Handle touch down event
	};
	self.up = function (x, y, obj) {
		// Handle touch up event
	};
});
// Menu class representing the game menu
var Menu = Container.expand(function () {
	var self = Container.call(this);
	// Add menu elements here
	self.update = function () {
		// Menu logic
	};
});
// Tag class representing the tag mechanic
var Tag = Container.expand(function () {
	var self = Container.call(this);
	var tagGraphics = self.attachAsset('tag', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Tag logic
	};
});
// Tree class representing climbable objects
var Tree = Container.expand(function () {
	var self = Container.call(this);
	var treeGraphics = self.attachAsset('tree', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Tree logic
	};
});

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

/**** 
* Game Code
****/ 
// Initialize background
var background = game.addChild(LK.getAsset('background', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366,
	width: 4096,
	height: 5464
}));
// Initialize city
var city = game.addChild(new City());
city.x = 2048; // Push to the side
city.y = 1366; // Center vertically
// Initialize menu
var menu = game.addChild(new Menu());
menu.x = 1024; // Center horizontally
menu.y = 1366; // Center vertically
// Initialize gorilla
var gorilla = game.addChild(new Gorilla());
gorilla.x = 1024; // Center horizontally
gorilla.y = 1366; // Center vertically
// Initialize trees
var trees = [];
for (var i = 0; i < 5; i++) {
	var tree = new Tree();
	tree.x = Math.random() * 2048;
	tree.y = Math.random() * 2732;
	trees.push(tree);
	game.addChild(tree);
}
// Initialize tags
var tags = [];
for (var i = 0; i < 3; i++) {
	var tag = new Tag();
	tag.x = Math.random() * 2048;
	tag.y = Math.random() * 2732;
	tags.push(tag);
	game.addChild(tag);
}
// Game update logic
game.update = function () {
	// Update gorilla
	gorilla.update();
	// Update trees
	for (var i = 0; i < trees.length; i++) {
		trees[i].update();
	}
	// Update tags
	for (var i = 0; i < tags.length; i++) {
		tags[i].update();
	}
	// Check for collisions between gorilla and tags
	for (var i = tags.length - 1; i >= 0; i--) {
		if (gorilla.intersects(tags[i])) {
			// Handle tag collision
			tags[i].destroy();
			tags.splice(i, 1);
		}
	}
	// Check for gorilla reaching the tunnel
	if (gorilla.x >= 1800 && gorilla.x <= 2000 && gorilla.y >= 2500 && gorilla.y <= 2700) {
		// Transition to City
		city.x = 1024; // Center horizontally
		city.y = 1366; // Center vertically
	}
};
// Handle touch events
game.down = function (x, y, obj) {
	gorilla.down(x, y, obj);
};
game.up = function (x, y, obj) {
	gorilla.up(x, y, obj);
};
game.move = function (x, y, obj) {
	// Handle move events
};

===================================================================
--- original.js
+++ change.js
@@ -83,9 +83,9 @@
 	height: 5464
 }));
 // Initialize city
 var city = game.addChild(new City());
-city.x = 1024; // Center horizontally
+city.x = 2048; // Push to the side
 city.y = 1366; // Center vertically
 // Initialize menu
 var menu = game.addChild(new Menu());
 menu.x = 1024; // Center horizontally
@@ -131,8 +131,14 @@
 			tags[i].destroy();
 			tags.splice(i, 1);
 		}
 	}
+	// Check for gorilla reaching the tunnel
+	if (gorilla.x >= 1800 && gorilla.x <= 2000 && gorilla.y >= 2500 && gorilla.y <= 2700) {
+		// Transition to City
+		city.x = 1024; // Center horizontally
+		city.y = 1366; // Center vertically
+	}
 };
 // Handle touch events
 game.down = function (x, y, obj) {
 	gorilla.down(x, y, obj);