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

/**** 
* Classes
****/ 
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Create large map floor - scale the grass background to cover entire game area
var mapFloor = game.addChild(LK.getAsset('fondo', {
	anchorX: 0,
	anchorY: 0,
	scaleX: 20.48,
	// Scale to cover 2048px width (2048/100)
	scaleY: 27.32,
	// Scale to cover 2732px height (2732/100)
	x: 0,
	y: 0
}));
// Create trees around all borders
var trees = [];
// Top border trees
for (var i = 0; i < 26; i++) {
	var topTree = game.addChild(LK.getAsset('arbol', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: i * 80 + 40,
		y: 60
	}));
	trees.push(topTree);
}
// Bottom border trees
for (var i = 0; i < 26; i++) {
	var bottomTree = game.addChild(LK.getAsset('arbol', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: i * 80 + 40,
		y: 2672
	}));
	trees.push(bottomTree);
}
// Left border trees (excluding corners already covered)
for (var i = 1; i < 33; i++) {
	var leftTree = game.addChild(LK.getAsset('arbol', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 40,
		y: i * 80 + 60
	}));
	trees.push(leftTree);
}
// Right border trees (excluding corners already covered)
for (var i = 1; i < 33; i++) {
	var rightTree = game.addChild(LK.getAsset('arbol', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2008,
		y: i * 80 + 60
	}));
	trees.push(rightTree);
}
// Create camera container for following player
var camera = game.addChild(new Container());
camera.x = 1024;
camera.y = 1366;
// Move all game elements to camera container
camera.addChild(mapFloor);
for (var i = 0; i < trees.length; i++) {
	camera.addChild(trees[i]);
}
// Create player and add to camera
var player = camera.addChild(new Player());
player.x = 1024;
player.y = 1366;
// Set camera scale for closer view
camera.scaleX = 2.5;
camera.scaleY = 2.5;
// Game controls - touch to move player
game.down = function (x, y, obj) {
	// Convert touch coordinates to camera space
	var cameraPos = camera.toLocal({
		x: x,
		y: y
	});
	var targetX = cameraPos.x;
	var targetY = cameraPos.y;
	// Calculate angle to face directly toward the clicked point
	var deltaX = targetX - player.x;
	var deltaY = targetY - 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
	}, {
		duration: 400,
		easing: tween.easeOut,
		onFinish: function onFinish() {
			// Second tween: move to the destination after rotation is complete
			tween(player, {
				x: targetX,
				y: targetY
			}, {
				duration: 800,
				easing: tween.easeOut
			});
		}
	});
};
// Main game update loop
game.update = function () {
	// Keep player within bounds, accounting for tree borders
	player.x = Math.max(80, Math.min(1968, player.x));
	player.y = Math.max(120, Math.min(2612, player.y));
	// Update camera position to follow player
	var targetCameraX = 1024 - player.x * camera.scaleX;
	var targetCameraY = 1366 - player.y * camera.scaleY;
	// Calculate camera bounds to prevent showing outside the map
	var cameraMinX = 1024 - (2048 - 1024 / camera.scaleX);
	var cameraMaxX = 1024 - (0 + 1024 / camera.scaleX);
	var cameraMinY = 1366 - (2732 - 1366 / camera.scaleY);
	var cameraMaxY = 1366 - (0 + 1366 / camera.scaleY);
	// Clamp camera position to bounds
	targetCameraX = Math.max(cameraMinX, Math.min(cameraMaxX, targetCameraX));
	targetCameraY = Math.max(cameraMinY, Math.min(cameraMaxY, targetCameraY));
	// Smooth camera following
	camera.x += (targetCameraX - camera.x) * 0.1;
	camera.y += (targetCameraY - camera.y) * 0.1;
};

===================================================================
--- original.js
+++ change.js
@@ -92,10 +92,10 @@
 var player = camera.addChild(new Player());
 player.x = 1024;
 player.y = 1366;
 // Set camera scale for closer view
-camera.scaleX = 2;
-camera.scaleY = 2;
+camera.scaleX = 2.5;
+camera.scaleY = 2.5;
 // Game controls - touch to move player
 game.down = function (x, y, obj) {
 	// Convert touch coordinates to camera space
 	var cameraPos = camera.toLocal({
@@ -133,8 +133,16 @@
 	player.y = Math.max(120, Math.min(2612, player.y));
 	// Update camera position to follow player
 	var targetCameraX = 1024 - player.x * camera.scaleX;
 	var targetCameraY = 1366 - player.y * camera.scaleY;
+	// Calculate camera bounds to prevent showing outside the map
+	var cameraMinX = 1024 - (2048 - 1024 / camera.scaleX);
+	var cameraMaxX = 1024 - (0 + 1024 / camera.scaleX);
+	var cameraMinY = 1366 - (2732 - 1366 / camera.scaleY);
+	var cameraMaxY = 1366 - (0 + 1366 / camera.scaleY);
+	// Clamp camera position to bounds
+	targetCameraX = Math.max(cameraMinX, Math.min(cameraMaxX, targetCameraX));
+	targetCameraY = Math.max(cameraMinY, Math.min(cameraMaxY, targetCameraY));
 	// Smooth camera following
 	camera.x += (targetCameraX - camera.x) * 0.1;
 	camera.y += (targetCameraY - camera.y) * 0.1;
 };
\ No newline at end of file