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

/**** 
* Classes
****/ 
var Guerrero = Container.expand(function () {
	var self = Container.call(this);
	// Attach the warrior sprite
	var guerreroSprite = self.attachAsset('Guerrero', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Movement properties
	self.speed = 300; // Speed for tween animation
	self.isAttacking = false;
	self.attackDuration = 300; // Attack animation duration in ms
	self.attackTimer = 0;
	// Target position for automatic movement
	self.targetX = null;
	self.targetY = null;
	self.isMoving = false;
	// Update method called every frame
	self.update = function () {
		// Handle attack animation
		if (self.isAttacking) {
			self.attackTimer -= 16; // Approximate 60fps
			if (self.attackTimer <= 0) {
				self.isAttacking = false;
				guerreroSprite.rotation = 0;
				guerreroSprite.scaleX = 1;
			} else {
				// Simple attack animation - rotate and scale
				var progress = 1 - self.attackTimer / self.attackDuration;
				guerreroSprite.rotation = Math.sin(progress * Math.PI) * 0.5;
				guerreroSprite.scaleX = 1 + Math.sin(progress * Math.PI) * 0.3;
			}
		}
	};
	// Move to target position using tween
	self.moveToTarget = function (targetX, targetY) {
		// Stop any current movement
		tween.stop(self, {
			x: true,
			y: true
		});
		// Set new target
		self.targetX = targetX;
		self.targetY = targetY;
		self.isMoving = true;
		// Calculate distance for duration
		var distance = Math.sqrt(Math.pow(targetX - self.x, 2) + Math.pow(targetY - self.y, 2));
		var duration = distance / self.speed * 1000; // Convert to milliseconds
		// Start tween to target position
		tween(self, {
			x: targetX,
			y: targetY
		}, {
			duration: duration,
			easing: tween.linear,
			onFinish: function onFinish() {
				self.isMoving = false;
				self.targetX = null;
				self.targetY = null;
			}
		});
	};
	// Attack method
	self.attack = function () {
		if (!self.isAttacking) {
			self.isAttacking = true;
			self.attackTimer = self.attackDuration;
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Create ground background covering the entire screen
// Calculate how many tiles we need to cover the full screen (2048x2732)
var tileWidth = 100;
var tileHeight = 100;
var tilesX = Math.ceil(2048 / tileWidth);
var tilesY = Math.ceil(2732 / tileHeight);
// Create a container for all ground tiles
var groundContainer = new Container();
game.addChild(groundContainer);
// Fill the entire screen with ground tiles
for (var x = 0; x < tilesX; x++) {
	for (var y = 0; y < tilesY; y++) {
		var groundTile = LK.getAsset('Suelo', {
			x: x * tileWidth,
			y: y * tileHeight
		});
		groundContainer.addChild(groundTile);
	}
}
// Create the warrior player
var guerrero = new Guerrero();
guerrero.x = 2048 / 2; // Center horizontally
guerrero.y = 2732 / 2; // Center vertically
game.addChild(guerrero);
// Joystick sprite for target indication
var joystickSprite = null;
// Handle touch/mouse down for movement and attack
game.down = function (x, y, obj) {
	// Check if touch is in attack area (right side of screen)
	if (x > 2048 * 0.75) {
		guerrero.attack();
	} else {
		// Remove existing joystick if it exists
		if (joystickSprite) {
			joystickSprite.destroy();
			joystickSprite = null;
		}
		// Create new joystick at clicked position
		joystickSprite = LK.getAsset('joystick', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: x,
			y: y
		});
		game.addChild(joystickSprite);
		// Make warrior move to clicked position
		guerrero.moveToTarget(x, y);
	}
};

===================================================================
--- original.js
+++ change.js
@@ -104,35 +104,35 @@
 			y: y * tileHeight
 		});
 		groundContainer.addChild(groundTile);
 	}
-	// Create the warrior player
-	var guerrero = new Guerrero();
-	guerrero.x = 2048 / 2; // Center horizontally
-	guerrero.y = 2732 / 2; // Center vertically
-	game.addChild(guerrero);
-	// Joystick sprite for target indication
-	var joystickSprite = null;
-	// Handle touch/mouse down for movement and attack
-	game.down = function (x, y, obj) {
-		// Check if touch is in attack area (right side of screen)
-		if (x > 2048 * 0.75) {
-			guerrero.attack();
-		} else {
-			// Remove existing joystick if it exists
-			if (joystickSprite) {
-				joystickSprite.destroy();
-				joystickSprite = null;
-			}
-			// Create new joystick at clicked position
-			joystickSprite = LK.getAsset('joystick', {
-				anchorX: 0.5,
-				anchorY: 0.5,
-				x: x,
-				y: y
-			});
-			game.addChild(joystickSprite);
-			// Make warrior move to clicked position
-			guerrero.moveToTarget(x, y);
+}
+// Create the warrior player
+var guerrero = new Guerrero();
+guerrero.x = 2048 / 2; // Center horizontally
+guerrero.y = 2732 / 2; // Center vertically
+game.addChild(guerrero);
+// Joystick sprite for target indication
+var joystickSprite = null;
+// Handle touch/mouse down for movement and attack
+game.down = function (x, y, obj) {
+	// Check if touch is in attack area (right side of screen)
+	if (x > 2048 * 0.75) {
+		guerrero.attack();
+	} else {
+		// Remove existing joystick if it exists
+		if (joystickSprite) {
+			joystickSprite.destroy();
+			joystickSprite = null;
 		}
-	};
-}
\ No newline at end of file
+		// Create new joystick at clicked position
+		joystickSprite = LK.getAsset('joystick', {
+			anchorX: 0.5,
+			anchorY: 0.5,
+			x: x,
+			y: y
+		});
+		game.addChild(joystickSprite);
+		// Make warrior move to clicked position
+		guerrero.moveToTarget(x, y);
+	}
+};
\ No newline at end of file