===================================================================
--- original.js
+++ change.js
@@ -6,24 +6,8 @@
 
 /**** 
 * Classes
 ****/ 
-var Building = Container.expand(function () {
-	var self = Container.call(this);
-	var buildingGraphics = self.attachAsset('building', {
-		anchorX: 0.5,
-		anchorY: 1.0
-	});
-	return self;
-});
-var Building2 = Container.expand(function () {
-	var self = Container.call(this);
-	var buildingGraphics = self.attachAsset('building2', {
-		anchorX: 0.5,
-		anchorY: 1.0
-	});
-	return self;
-});
 var Player = Container.expand(function () {
 	var self = Container.call(this);
 	var playerGraphics = self.attachAsset('player', {
 		anchorX: 0.5,
@@ -41,68 +25,45 @@
 
 /**** 
 * Game Code
 ****/ 
+// Create large map container that will hold all map elements
+var mapContainer = game.addChild(new Container());
+// Create large map background (4x the screen size)
+var mapWidth = 8192; // 4x screen width
+var mapHeight = 10928; // 4x screen height
+// Create background tiles to fill the large map
+for (var i = 0; i < mapWidth / 100; i++) {
+	for (var j = 0; j < mapHeight / 100; j++) {
+		var bg = mapContainer.addChild(LK.getAsset('fondo', {
+			anchorX: 0,
+			anchorY: 0
+		}));
+		bg.x = i * 100;
+		bg.y = j * 100;
+	}
+}
+// Add some buildings scattered across the map
+for (var k = 0; k < 50; k++) {
+	var building = mapContainer.addChild(LK.getAsset(Math.random() > 0.5 ? 'building' : 'building2', {
+		anchorX: 0.5,
+		anchorY: 1
+	}));
+	building.x = Math.random() * (mapWidth - 600) + 300;
+	building.y = Math.random() * (mapHeight - 800) + 400;
+}
 // Create player
 var player = game.addChild(new Player());
-player.x = 1024;
-player.y = 1366;
-// Create buildings array
-var buildings = [];
-// Create buildings to simulate a street
-// Left side buildings
-var building1 = game.addChild(new Building());
-building1.x = 200;
-building1.y = 800;
-buildings.push(building1);
-var building2 = game.addChild(new Building2());
-building2.x = 300;
-building2.y = 1200;
-buildings.push(building2);
-var building3 = game.addChild(new Building());
-building3.x = 150;
-building3.y = 1600;
-buildings.push(building3);
-var building4 = game.addChild(new Building2());
-building4.x = 250;
-building4.y = 2000;
-buildings.push(building4);
-// Right side buildings
-var building5 = game.addChild(new Building());
-building5.x = 1800;
-building5.y = 800;
-buildings.push(building5);
-var building6 = game.addChild(new Building2());
-building6.x = 1750;
-building6.y = 1200;
-buildings.push(building6);
-var building7 = game.addChild(new Building());
-building7.x = 1850;
-building7.y = 1600;
-buildings.push(building7);
-var building8 = game.addChild(new Building2());
-building8.x = 1800;
-building8.y = 2000;
-buildings.push(building8);
+player.x = mapWidth / 2; // Start player at center of large map
+player.y = mapHeight / 2;
 // Game controls - touch to move player
 game.down = function (x, y, obj) {
-	// Check if destination would collide with any building
-	var canMove = true;
-	for (var i = 0; i < buildings.length; i++) {
-		var building = buildings[i];
-		var distance = Math.sqrt((x - building.x) * (x - building.x) + (y - building.y) * (y - building.y));
-		if (distance < 200) {
-			// Collision detection radius
-			canMove = false;
-			break;
-		}
-	}
-	if (!canMove) {
-		return; // Don't move if it would collide with a building
-	}
+	// Convert screen coordinates to world coordinates
+	var worldX = x - mapContainer.x + player.x;
+	var worldY = y - mapContainer.y + player.y;
 	// Calculate angle to face directly toward the clicked point
-	var deltaX = x - player.x;
-	var deltaY = y - player.y;
+	var deltaX = worldX - player.x;
+	var deltaY = worldY - player.y;
 	var targetRotation = Math.atan2(deltaY, deltaX) + Math.PI / 2; // Add 90 degrees to align with sprite orientation
 	// First tween: rotate to face the destination
 	tween(player, {
 		rotation: targetRotation
@@ -111,10 +72,10 @@
 		easing: tween.easeOut,
 		onFinish: function onFinish() {
 			// Second tween: move to the destination after rotation is complete
 			tween(player, {
-				x: x,
-				y: y
+				x: worldX,
+				y: worldY
 			}, {
 				duration: 800,
 				easing: tween.easeOut
 			});
@@ -122,8 +83,23 @@
 	});
 };
 // Main game update loop
 game.update = function () {
-	// Keep player within bounds
-	player.x = Math.max(30, Math.min(2018, player.x));
-	player.y = Math.max(30, Math.min(2702, player.y));
+	// Keep player within map bounds
+	player.x = Math.max(125, Math.min(mapWidth - 125, player.x));
+	player.y = Math.max(125, Math.min(mapHeight - 125, player.y));
+	// Camera follows player - center player on screen
+	var targetCameraX = -(player.x - 1024); // Center horizontally
+	var targetCameraY = -(player.y - 1366); // Center vertically
+	// Smooth camera movement using tweening
+	tween.stop(mapContainer, {
+		x: true,
+		y: true
+	}); // Stop any existing camera tweens
+	tween(mapContainer, {
+		x: targetCameraX,
+		y: targetCameraY
+	}, {
+		duration: 100,
+		easing: tween.easeOut
+	});
 };
\ No newline at end of file