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

/**** 
* Classes
****/ 
var ElementalNote = Container.expand(function (element, x, y) {
	var self = Container.call(this);
	var noteGraphics = self.attachAsset(element + 'Note', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.element = element;
	self.x = x;
	self.y = y;
	var label = new Text2(element.toUpperCase(), {
		size: 30,
		fill: 0xFFFFFF
	});
	label.anchor.set(0.5, 0.5);
	self.addChild(label);
	self.isDisabled = false;
	self.down = function (x, y, obj) {
		// Check if button is disabled
		if (self.isDisabled) {
			return;
		}
		// Disable button
		self.isDisabled = true;
		notePressed(self.element);
		// Play sound effect
		if (self.element === 'fire') {
			LK.getSound('Nota_Fire').play();
		} else if (self.element === 'water') {
			LK.getSound('Nota_Water').play();
		} else if (self.element === 'earth') {
			LK.getSound('Nota_Earth').play();
		} else if (self.element === 'wind') {
			LK.getSound('Nota_Wind').play();
		} else if (self.element === 'light') {
			LK.getSound('Nota_Light').play();
		} else {
			LK.getSound('summon').play();
		}
		// Visual feedback - make smaller on press and gray out
		tween(noteGraphics, {
			scaleX: 0.8,
			scaleY: 0.8,
			tint: 0x808080
		}, {
			duration: 100,
			onFinish: function onFinish() {
				// Return to normal size but keep gray
				tween(noteGraphics, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100,
					onFinish: function onFinish() {
						// After 1 second total, re-enable button and restore color
						LK.setTimeout(function () {
							self.isDisabled = false;
							tween(noteGraphics, {
								tint: 0xffffff
							}, {
								duration: 200
							});
						}, 800); // 800ms + 200ms from previous animations = 1000ms total
					}
				});
			}
		});
	};
	return self;
});
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemyUnit', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 280,
		height: 280
	});
	self.health = 5;
	self.maxHealth = 5;
	self.damage = 1;
	self.speed = 1.5;
	self.attackCooldown = 0;
	// Physics properties
	self.velocityY = 0;
	self.onGround = false;
	self.gravity = 0.5;
	// Beat effect properties
	self.baseY = 0;
	self.beatEffectTimer = 0;
	// Health bar
	var healthBar = LK.getAsset('healthBar', {
		width: 100,
		height: 12
	});
	healthBar.anchor.set(0.5, 0.5);
	healthBar.y = -80;
	self.addChild(healthBar);
	self.healthBar = healthBar;
	self.update = function () {
		// Set base Y position for beat effect
		if (self.baseY === 0) {
			self.baseY = 2186; // Ground level
		}
		// Apply beat effect if active
		if (self.beatEffectTimer > 0) {
			self.beatEffectTimer--;
			var rotationAmount = Math.sin((120 - self.beatEffectTimer) * 0.3) * 0.1;
			enemyGraphics.rotation = rotationAmount;
		} else {
			enemyGraphics.rotation = 0; // Reset rotation when effect ends
			// Apply gravity
			if (!self.onGround) {
				self.velocityY += self.gravity;
				self.y += self.velocityY;
			}
			// Ground collision
			var groundY = 2186;
			if (self.y >= groundY) {
				self.y = groundY;
				self.baseY = groundY; // Update base position
				self.velocityY = 0;
				self.onGround = true;
			} else {
				self.onGround = false;
			}
		}
		if (self.attackCooldown > 0) {
			self.attackCooldown--;
		}
		// Move towards player tower (speed is controlled by combat state)
		self.x -= self.speed;
		// Check for warriors to attack and combat engagement
		var inCombat = false;
		for (var i = 0; i < warriors.length; i++) {
			var warrior = warriors[i];
			var distance = Math.sqrt(Math.pow(self.x - warrior.x, 2) + Math.pow(self.y - warrior.y, 2));
			if (distance < 250) {
				// Mark as in combat to stop movement
				inCombat = true;
				if (self.attackCooldown <= 0) {
					self.attack(warrior);
					// Play combat sound when fighting with warrior
					playRandomCombatSound();
					// Attack animation - flash red and scale up
					tween(enemyGraphics, {
						tint: 0xff0000,
						scaleX: 1.3,
						scaleY: 1.3
					}, {
						duration: 200,
						onFinish: function onFinish() {
							tween(enemyGraphics, {
								tint: 0xffffff,
								scaleX: 1.0,
								scaleY: 1.0
							}, {
								duration: 200
							});
						}
					});
				}
				break;
			}
		}
		// Stop movement if in combat, otherwise resume normal movement
		if (inCombat) {
			self.speed = 0;
		} else {
			self.speed = 1.5;
		}
		// Check collision with player tower and destroy enemy
		var towerDistance = Math.sqrt(Math.pow(self.x - playerTower.x, 2) + Math.pow(self.y - playerTower.y, 2));
		if (towerDistance < 700) {
			if (self.attackCooldown <= 0) {
				self.attackPlayerTower();
			}
			// Destroy enemy when it touches the tower
			self.destroy();
			var index = enemies.indexOf(self);
			if (index > -1) {
				enemies.splice(index, 1);
			}
		}
		// Update health bar
		var healthPercent = self.health / self.maxHealth;
		self.healthBar.scaleX = healthPercent;
	};
	self.attack = function (target) {
		self.attackCooldown = 80;
		if (target === playerTower) {
			self.attackPlayerTower();
		} else {
			target.takeDamage(self.damage);
		}
	};
	self.attackPlayerTower = function () {
		self.attackCooldown = 80;
		playerTowerHealth -= self.damage;
		if (playerTowerHealth <= 0) {
			LK.showGameOver();
		}
		updateTowerHealthBars();
	};
	self.takeDamage = function (damage) {
		self.health -= damage;
		if (self.health <= 0) {
			// Play enemy death sound
			LK.getSound('enemy_death').play();
			// Death animation - fade out and scale down
			tween(enemyGraphics, {
				alpha: 0,
				scaleX: 0.1,
				scaleY: 0.1,
				rotation: Math.PI * 2
			}, {
				duration: 500,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					self.destroy();
				}
			});
			var index = enemies.indexOf(self);
			if (index > -1) {
				enemies.splice(index, 1);
			}
			LK.setScore(LK.getScore() + 10);
			scoreText.setText('Score: ' + LK.getScore());
			// 50% chance to drop mana if not at max capacity
			if (Math.random() < 0.5 && currentMana < maxMana) {
				// Create mana drop at enemy position
				var manaDrop = game.addChild(LK.getAsset('manaOrb', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: self.x,
					y: self.y
				}));
				// Visual effect - pulsing and floating up
				tween(manaDrop, {
					scaleX: 3.0,
					scaleY: 3.0,
					y: self.y - 100
				}, {
					duration: 800,
					easing: tween.easeOut
				});
				// Add mana after short delay and destroy drop
				LK.setTimeout(function () {
					currentMana = Math.min(currentMana + 1, maxMana);
					updateManaDisplay();
					// Flash effect on collection
					tween(manaDrop, {
						alpha: 0,
						scaleX: 4,
						scaleY: 4
					}, {
						duration: 300,
						onFinish: function onFinish() {
							manaDrop.destroy();
						}
					});
				}, 600);
			}
		}
	};
	return self;
});
var Warrior = Container.expand(function (element, tier) {
	var self = Container.call(this);
	var assetName = element + 'Warrior';
	if (element === 'fire' && tier === 1) {
		assetName = 'fireWarrior_nivel_1';
	}
	var warriorGraphics = self.attachAsset(assetName, {
		anchorX: 0.5,
		anchorY: 0.5,
		width: 288,
		height: 288
	});
	self.element = element;
	self.tier = tier;
	// Base stats - same as enemies
	var baseDamage = 1;
	var baseHealth = 5;
	// Set elemental-specific stats
	if (element === 'fire') {
		self.maxHealth = baseHealth;
		self.damage = baseDamage + 5; // +5 damage bonus
		self.speed = 2.2;
	} else if (element === 'water') {
		self.maxHealth = baseHealth;
		self.damage = baseDamage;
		self.speed = 1.8;
		self.canHeal = true;
		self.healCooldown = 0;
		self.isRanged = true;
		self.projectiles = [];
	} else if (element === 'earth') {
		self.maxHealth = baseHealth + 50; // +50 health bonus
		self.damage = baseDamage;
		self.speed = 1.5;
	} else if (element === 'light') {
		self.maxHealth = baseHealth;
		self.damage = baseDamage;
		self.speed = 2.5;
		self.isRanged = true;
		self.canAreaDamage = true;
		self.projectiles = [];
	} else if (element === 'wind') {
		self.maxHealth = baseHealth;
		self.damage = baseDamage;
		self.speed = 2.8;
		self.isFlying = true;
		self.isRanged = true;
		self.projectiles = [];
	} else {
		// Default stats for any other element
		self.maxHealth = baseHealth;
		self.damage = baseDamage;
		self.speed = 2;
	}
	self.health = self.maxHealth;
	self.attackCooldown = 0;
	self.target = null;
	// Physics properties
	self.velocityY = 0;
	self.onGround = false;
	self.gravity = 0.5;
	// Beat effect properties
	self.baseY = 0;
	self.beatEffectTimer = 0;
	// Adjust appearance based on tier
	var scale = 1 + tier * 0.3;
	warriorGraphics.scaleX = scale;
	warriorGraphics.scaleY = scale;
	// Health bar
	var healthBar = LK.getAsset('warriorHealthBar', {
		width: 120,
		height: 16
	});
	healthBar.anchor.set(0.5, 0.5);
	healthBar.y = -100;
	self.addChild(healthBar);
	self.healthBar = healthBar;
	self.update = function () {
		// Set base Y position for beat effect
		if (self.baseY === 0) {
			if (self.isFlying) {
				self.baseY = 1800; // Flying height
			} else {
				self.baseY = 2186; // Ground level
			}
		}
		// Apply beat effect if active
		if (self.beatEffectTimer > 0) {
			self.beatEffectTimer--;
			var rotationAmount = Math.sin((120 - self.beatEffectTimer) * 0.3) * 0.1;
			warriorGraphics.rotation = rotationAmount;
		} else {
			warriorGraphics.rotation = 0; // Reset rotation when effect ends
			// Apply gravity only to non-flying units
			if (!self.isFlying && !self.onGround) {
				self.velocityY += self.gravity;
				self.y += self.velocityY;
			}
			// Ground collision for non-flying units
			var groundY = 2186;
			if (!self.isFlying && self.y >= groundY) {
				self.y = groundY;
				self.baseY = groundY; // Update base position
				self.velocityY = 0;
				self.onGround = true;
			} else if (!self.isFlying) {
				self.onGround = false;
			}
			// Flying units hover at a specific height
			if (self.isFlying) {
				self.y = 1800; // Fly above ground level
				self.baseY = 1800; // Update base position
			}
		}
		// Move towards enemy tower (speed is controlled by combat state)
		if (!self.target) {
			self.x += self.speed;
		}
		// Attack logic
		if (self.attackCooldown > 0) {
			self.attackCooldown--;
		}
		// Update heal cooldown for water warriors
		if (self.canHeal && self.healCooldown > 0) {
			self.healCooldown--;
		}
		// Water warriors heal nearby allies only (not themselves)
		if (self.canHeal && self.healCooldown <= 0) {
			self.healCooldown = 120; // 2 seconds
			// Heal nearby warriors
			for (var j = 0; j < warriors.length; j++) {
				var ally = warriors[j];
				if (ally !== self) {
					var allyDistance = Math.sqrt(Math.pow(self.x - ally.x, 2) + Math.pow(self.y - ally.y, 2));
					if (allyDistance < 300 && ally.health < ally.maxHealth) {
						ally.health = Math.min(ally.health + 1, ally.maxHealth);
						// Healing effect
						tween(ally.children[0], {
							tint: 0x00ff88
						}, {
							duration: 200,
							onFinish: function onFinish() {
								tween(ally.children[0], {
									tint: 0xffffff
								}, {
									duration: 200
								});
							}
						});
						// Create healing particles
						for (var particleIndex = 0; particleIndex < 8; particleIndex++) {
							var particle = game.addChild(LK.getAsset('particula_torre_jugador', {
								anchorX: 0.5,
								anchorY: 0.5,
								x: ally.x + (Math.random() - 0.5) * 100,
								y: ally.y + (Math.random() - 0.5) * 100,
								width: 280 + Math.random() * 200,
								height: 280 + Math.random() * 200
							}));
							particle.alpha = 0.8;
							// Animate particles upward and fade out
							tween(particle, {
								y: ally.y - 150 - Math.random() * 50,
								x: ally.x + (Math.random() - 0.5) * 200,
								alpha: 0,
								scaleX: 0.3,
								scaleY: 0.3
							}, {
								duration: 800 + Math.random() * 400,
								easing: tween.easeOut,
								onFinish: function onFinish() {
									particle.destroy();
								}
							});
						}
					}
				}
			}
		}
		// Check for enemies to attack and combat engagement
		var inCombat = false;
		var attackRange = self.isRanged ? 600 : 250;
		for (var i = 0; i < enemies.length; i++) {
			var enemy = enemies[i];
			var distance = Math.sqrt(Math.pow(self.x - enemy.x, 2) + Math.pow(self.y - enemy.y, 2));
			if (distance < attackRange) {
				// Mark as in combat to stop movement for both melee and ranged units
				inCombat = true;
				if (self.attackCooldown <= 0) {
					self.attack(enemy);
					// Play combat sound when fighting with enemy
					playRandomCombatSound();
					// Attack animation - flash blue and scale up
					tween(warriorGraphics, {
						tint: 0x00ffff,
						scaleX: 1.4,
						scaleY: 1.4
					}, {
						duration: 300,
						onFinish: function onFinish() {
							tween(warriorGraphics, {
								tint: 0xffffff,
								scaleX: scale,
								scaleY: scale
							}, {
								duration: 300
							});
						}
					});
				}
				if (!self.isRanged) break;
			}
		}
		// Update projectiles for ranged units
		if (self.isRanged) {
			for (var p = self.projectiles.length - 1; p >= 0; p--) {
				var proj = self.projectiles[p];
				proj.x += proj.speedX;
				proj.y += proj.speedY;
				var projectileDestroyed = false;
				// Water warrior projectiles can heal allies
				if (self.element === 'water') {
					// Check collision with allies first
					for (var w = 0; w < warriors.length; w++) {
						var ally = warriors[w];
						if (ally !== self) {
							var allyDistance = Math.sqrt(Math.pow(proj.x - ally.x, 2) + Math.pow(proj.y - ally.y, 2));
							if (allyDistance < 50) {
								// Hit ally
								if (ally.health < ally.maxHealth) {
									// Heal ally if not at full health
									ally.health = Math.min(ally.health + 1, ally.maxHealth);
									// Healing effect
									tween(ally.children[0], {
										tint: 0x00ff88
									}, {
										duration: 200,
										onFinish: function onFinish() {
											tween(ally.children[0], {
												tint: 0xffffff
											}, {
												duration: 200
											});
										}
									});
									// Create healing particles
									for (var particleIndex = 0; particleIndex < 8; particleIndex++) {
										var particle = game.addChild(LK.getAsset('particula_torre_jugador', {
											anchorX: 0.5,
											anchorY: 0.5,
											x: ally.x + (Math.random() - 0.5) * 100,
											y: ally.y + (Math.random() - 0.5) * 100,
											width: 280 + Math.random() * 200,
											height: 280 + Math.random() * 200
										}));
										particle.alpha = 0.8;
										// Animate particles upward and fade out
										tween(particle, {
											y: ally.y - 150 - Math.random() * 50,
											x: ally.x + (Math.random() - 0.5) * 200,
											alpha: 0,
											scaleX: 0.3,
											scaleY: 0.3
										}, {
											duration: 800 + Math.random() * 400,
											easing: tween.easeOut,
											onFinish: function onFinish() {
												particle.destroy();
											}
										});
									}
									proj.destroy();
									self.projectiles.splice(p, 1);
									projectileDestroyed = true;
									break;
								}
								// If ally is at full health, projectile passes through
							}
						}
					}
				}
				// Check collision with enemies only if projectile wasn't destroyed by healing
				if (!projectileDestroyed) {
					for (var e = 0; e < enemies.length; e++) {
						var enemy = enemies[e];
						var projDistance = Math.sqrt(Math.pow(proj.x - enemy.x, 2) + Math.pow(proj.y - enemy.y, 2));
						if (projDistance < 50) {
							// Hit enemy
							if (self.canAreaDamage) {
								// Lightning area damage
								for (var ae = 0; ae < enemies.length; ae++) {
									var areaEnemy = enemies[ae];
									var areaDistance = Math.sqrt(Math.pow(proj.x - areaEnemy.x, 2) + Math.pow(proj.y - areaEnemy.y, 2));
									if (areaDistance < 200) {
										areaEnemy.takeDamage(self.damage);
									}
								}
							} else {
								// Single target damage for water and wind warriors
								enemy.takeDamage(self.damage);
							}
							proj.destroy();
							self.projectiles.splice(p, 1);
							projectileDestroyed = true;
							break;
						}
					}
				}
				// Remove projectiles that go off screen only if not already destroyed
				if (!projectileDestroyed && (proj.x > 4000 || proj.x < -200)) {
					proj.destroy();
					self.projectiles.splice(p, 1);
				}
			}
		}
		// Stop movement if in combat, otherwise resume normal movement
		if (inCombat) {
			self.speed = 0;
		} else {
			if (self.element === 'fire') {
				self.speed = 2.2;
			} else if (self.element === 'water') {
				self.speed = 1.8;
			} else if (self.element === 'earth') {
				self.speed = 1.5;
			} else if (self.element === 'light') {
				self.speed = 2.5;
			} else if (self.element === 'wind') {
				self.speed = 2.8;
			} else {
				self.speed = 2;
			}
		}
		// Check collision with enemy tower and destroy warrior
		var towerDistance = Math.sqrt(Math.pow(self.x - enemyTower.x, 2) + Math.pow(self.y - enemyTower.y, 2));
		if (towerDistance < 700) {
			if (self.attackCooldown <= 0) {
				self.attackTower();
			}
			// Destroy warrior when it touches the tower
			self.destroy();
			var index = warriors.indexOf(self);
			if (index > -1) {
				warriors.splice(index, 1);
			}
		}
		// Update health bar
		var healthPercent = self.health / self.maxHealth;
		self.healthBar.scaleX = healthPercent;
		self.healthBar.tint = healthPercent > 0.5 ? 0x00ff00 : healthPercent > 0.25 ? 0xffff00 : 0xff0000;
	};
	self.attack = function (target) {
		self.attackCooldown = 60; // 1 second at 60fps
		if (target === enemyTower) {
			self.attackTower();
		} else if (self.isRanged) {
			// Create projectile for ranged units with enhanced properties
			var projectileSize = 120; // Larger projectiles for better visibility (doubled from 60)
			var projectile = game.addChild(LK.getAsset('projectile', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: self.x,
				y: self.y - 20,
				// Start slightly above warrior
				width: projectileSize,
				height: projectileSize
			}));
			// Calculate direction to target
			var dx = target.x - self.x;
			var dy = target.y - self.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			var speed = 10; // Increased speed for better gameplay
			projectile.speedX = dx / distance * speed;
			projectile.speedY = dy / distance * speed;
			// Set projectile appearance based on element
			if (self.element === 'light') {
				projectile.tint = 0xffff00; // Yellow for lightning
				projectile.alpha = 0.9; // Slightly transparent for glow effect
				// Add pulsing effect for lightning
				tween(projectile, {
					scaleX: 1.3,
					scaleY: 1.3
				}, {
					duration: 300,
					yoyo: true,
					repeat: -1
				});
			} else if (self.element === 'wind') {
				projectile.tint = 0x44ff44; // Green for wind
				projectile.alpha = 0.8;
				// Add spinning effect for wind
				tween(projectile, {
					rotation: Math.PI * 2
				}, {
					duration: 500,
					repeat: -1
				});
			} else if (self.element === 'water') {
				projectile.tint = 0x1e90ff; // Sea blue for water (DodgerBlue)
				projectile.alpha = 0.85;
				// Add wobbling effect for water
				tween(projectile, {
					scaleX: 1.2,
					scaleY: 0.8
				}, {
					duration: 200,
					yoyo: true,
					repeat: -1
				});
			}
			self.projectiles.push(projectile);
		} else {
			// Melee attack
			target.takeDamage(self.damage);
		}
		LK.getSound('attack').play();
	};
	self.attackTower = function () {
		self.attackCooldown = 60;
		enemyTowerHealth -= self.damage;
		LK.getSound('tower_damage').play();
		if (enemyTowerHealth <= 0) {
			LK.showYouWin();
		}
		updateTowerHealthBars();
	};
	self.takeDamage = function (damage) {
		self.health -= damage;
		if (self.health <= 0) {
			// Death animation - fade out and scale down
			tween(warriorGraphics, {
				alpha: 0,
				scaleX: 0.1,
				scaleY: 0.1,
				rotation: -Math.PI * 2
			}, {
				duration: 600,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					self.destroy();
				}
			});
			var index = warriors.indexOf(self);
			if (index > -1) {
				warriors.splice(index, 1);
			}
		}
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x2c3e50,
	width: 3840,
	height: 1080
});

/**** 
* Game Code
****/ 
var warriors = [];
var enemies = [];
var playerTowerHealth = 30;
var enemyTowerHealth = 30;
var enemySpawnTimer = 0;
var isDragging = false;
var lastMouseX = 0;
var cameraX = 0;
var maxCameraX = 1792; // 3840 - 2048 = max scroll distance
var currentMana = 5;
var maxMana = 5;
var manaRegenTimer = 0;
// Music beat detection variables
var musicBeatThreshold = 0.15; // Updated sensitivity threshold
var lastBeatTime = 0;
var beatCooldown = 15; // Reduced cooldown for more frequent detections (0.25 seconds at 60fps)
// UI Elements
var scoreText = new Text2('Score: 0', {
	size: 40,
	fill: 0xFFFFFF
});
scoreText.anchor.set(0, 0);
scoreText.x = 120;
scoreText.y = 50;
LK.gui.topLeft.addChild(scoreText);
// Create mana display
var manaText = new Text2('Mana: 5/5', {
	size: 40,
	fill: 0x00FFFF
});
manaText.anchor.set(0, 0);
manaText.x = 1100;
manaText.y = 100;
LK.gui.topLeft.addChild(manaText);
// Create mana orbs visual display
var manaOrbs = [];
for (var i = 0; i < maxMana; i++) {
	var orb = LK.getAsset('manaOrbShape', {
		width: 40,
		height: 40
	});
	orb.anchor.set(0.5, 0.5);
	orb.x = 1100 + i * 50;
	orb.y = 160;
	LK.gui.topLeft.addChild(orb);
	manaOrbs.push(orb);
}
// Create tiled ground floor
var groundTiles = [];
var tileSize = 592.704; // Size of each ground tile (increased by 5% more)
var groundY = 2732; // Position at bottom of screen
var groundHeight = 728.6; // Extend height to fill bottom gap (tileSize + 136 pixels)
var numTiles = Math.ceil(3840 / tileSize) + 2; // Cover full width plus extra for seamless tiling
for (var i = 0; i < numTiles; i++) {
	var groundTile = game.addChild(LK.getAsset('ground', {
		anchorX: 0.0,
		anchorY: 1.0,
		x: i * tileSize,
		y: groundY,
		width: tileSize,
		height: groundHeight
	}));
	groundTiles.push(groundTile);
}
// Create towers (horizontal layout)
var playerTower = game.addChild(LK.getAsset('playerTower', {
	anchorX: 0.5,
	anchorY: 1.0,
	x: 250,
	y: 2559,
	width: 1200,
	height: 1728
}));
var enemyTower = game.addChild(LK.getAsset('enemyTower', {
	anchorX: 0.5,
	anchorY: 1.0,
	x: 3590,
	y: 2559,
	width: 1200,
	height: 1728
}));
// Tower health bars
var playerTowerHealthBar = LK.getAsset('playerTowerHealthBar', {
	width: 1200,
	height: 160
});
playerTowerHealthBar.anchor.set(0.5, 0.5);
playerTowerHealthBar.x = playerTower.x;
playerTowerHealthBar.y = playerTower.y - 1840;
game.addChild(playerTowerHealthBar);
var enemyTowerHealthBar = LK.getAsset('enemyTowerHealthBar', {
	width: 1200,
	height: 160
});
enemyTowerHealthBar.anchor.set(0.5, 0.5);
enemyTowerHealthBar.x = enemyTower.x;
enemyTowerHealthBar.y = enemyTower.y - 1840;
game.addChild(enemyTowerHealthBar);
// Create elemental notes (horizontal layout at top left) - show all elements
var elements = ['fire', 'water', 'earth', 'wind', 'light'];
var notes = [];
for (var i = 0; i < elements.length; i++) {
	var note = new ElementalNote(elements[i], 0, 0);
	LK.gui.topLeft.addChild(note);
	// Make buttons smaller
	note.scaleX = 0.4;
	note.scaleY = 0.4;
	// Position buttons horizontally in upper left with proper spacing (moved 50% right total)
	note.x = 234 + i * 140; // Start at x:234 (moved from 180), space buttons 140 pixels apart
	note.y = 120; // Fixed y position in upper area
	notes.push(note);
}
// Create camera control buttons
var leftButton = LK.getAsset('leftCameraButton', {
	width: 100,
	height: 100
});
leftButton.anchor.set(0.5, 0.5);
leftButton.alpha = 0.5; // 50% transparency
LK.gui.left.addChild(leftButton);
var leftButtonText = new Text2('<', {
	size: 60,
	fill: 0xffffff
});
leftButtonText.anchor.set(0.5, 0.5);
leftButton.addChild(leftButtonText);
var rightButton = LK.getAsset('rightCameraButton', {
	width: 100,
	height: 100
});
rightButton.anchor.set(0.5, 0.5);
rightButton.alpha = 0.5; // 50% transparency
LK.gui.right.addChild(rightButton);
var rightButtonText = new Text2('>', {
	size: 60,
	fill: 0xffffff
});
rightButtonText.anchor.set(0.5, 0.5);
rightButton.addChild(rightButtonText);
function notePressed(element) {
	// Check if we have enough mana
	if (currentMana <= 0) {
		return; // No mana, can't summon
	}
	// Consume mana
	currentMana--;
	updateManaDisplay();
	// Create elemental warrior based on the note element
	var warrior = new Warrior(element, 1);
	warrior.x = playerTower.x + 300;
	warrior.y = 2186; // Spawn on ground level
	warrior.onGround = true; // Start on ground
	// Add elemental-specific visual effects on spawn
	var warriorGraphics = warrior.children[0]; // Get the warrior graphics
	if (element === 'water') {
		// Water splash effect - blue particles
		tween(warriorGraphics, {
			tint: 0x0066ff,
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 300,
			onFinish: function onFinish() {
				tween(warriorGraphics, {
					tint: 0xffffff,
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 200
				});
			}
		});
	} else if (element === 'earth') {
		// Earth rumble effect - brown particles
		var originalY = warriorGraphics.y;
		tween(warriorGraphics, {
			tint: 0x8b4513,
			y: originalY - 50
		}, {
			duration: 200,
			onFinish: function onFinish() {
				tween(warriorGraphics, {
					tint: 0xffffff,
					y: originalY
				}, {
					duration: 200
				});
			}
		});
	} else if (element === 'fire') {
		// Fire burst effect - red/orange flames
		tween(warriorGraphics, {
			tint: 0xff4400,
			scaleX: 1.3,
			scaleY: 1.3,
			rotation: Math.PI * 0.1
		}, {
			duration: 250,
			onFinish: function onFinish() {
				tween(warriorGraphics, {
					tint: 0xffffff,
					scaleX: 1.0,
					scaleY: 1.0,
					rotation: 0
				}, {
					duration: 150
				});
			}
		});
	} else if (element === 'light') {
		// Lightning effect - bright yellow flash
		tween(warriorGraphics, {
			tint: 0xffff00,
			alpha: 1.5,
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 150,
			onFinish: function onFinish() {
				tween(warriorGraphics, {
					tint: 0xffffff,
					alpha: 1.0,
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 100
				});
			}
		});
	} else if (element === 'wind') {
		// Wind swirl effect - green spiral
		tween(warriorGraphics, {
			tint: 0x44ff44,
			rotation: Math.PI * 2,
			scaleX: 1.1,
			scaleY: 1.1
		}, {
			duration: 400,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(warriorGraphics, {
					tint: 0xffffff,
					rotation: 0,
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 200
				});
			}
		});
	}
	game.addChild(warrior);
	warriors.push(warrior);
	LK.getSound('summon').play();
	// Add jump effect to all units when any note is pressed
	// Make all warriors jump
	for (var i = 0; i < warriors.length; i++) {
		var jumpWarrior = warriors[i];
		// Store current Y position if not already stored
		if (jumpWarrior.baseY === 0) {
			jumpWarrior.baseY = jumpWarrior.y;
		}
		// Apply jump tween - go up then back down
		tween(jumpWarrior, {
			y: jumpWarrior.baseY - 100
		}, {
			duration: 200,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(jumpWarrior, {
					y: jumpWarrior.baseY
				}, {
					duration: 200,
					easing: tween.easeIn
				});
			}
		});
	}
	// Make all enemies jump
	for (var i = 0; i < enemies.length; i++) {
		var jumpEnemy = enemies[i];
		// Store current Y position if not already stored
		if (jumpEnemy.baseY === 0) {
			jumpEnemy.baseY = jumpEnemy.y;
		}
		// Apply jump tween - go up then back down
		tween(jumpEnemy, {
			y: jumpEnemy.baseY - 100
		}, {
			duration: 200,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(jumpEnemy, {
					y: jumpEnemy.baseY
				}, {
					duration: 200,
					easing: tween.easeIn
				});
			}
		});
	}
}
function spawnEnemy() {
	var enemy = new Enemy();
	enemy.x = enemyTower.x - 300;
	enemy.y = 2186; // Spawn on ground level
	enemy.onGround = true; // Start on ground
	game.addChild(enemy);
	enemies.push(enemy);
}
function updateTowerHealthBars() {
	var playerHealthPercent = Math.max(0, playerTowerHealth / 30);
	var enemyHealthPercent = Math.max(0, enemyTowerHealth / 30);
	playerTowerHealthBar.scaleX = playerHealthPercent;
	enemyTowerHealthBar.scaleX = enemyHealthPercent;
	// Scale towers based on health - minimum scale of 0.3 (30%), maximum 1.0 (100%)
	var playerTowerScale = 0.3 + playerHealthPercent * 0.7; // 0.3 to 1.0 range
	var enemyTowerScale = 0.3 + enemyHealthPercent * 0.7; // 0.3 to 1.0 range
	// Apply scaling to towers
	tween.stop(playerTower, {
		scaleX: true,
		scaleY: true
	});
	tween.stop(enemyTower, {
		scaleX: true,
		scaleY: true
	});
	tween(playerTower, {
		scaleX: playerTowerScale,
		scaleY: playerTowerScale
	}, {
		duration: 500,
		easing: tween.easeInOut
	});
	tween(enemyTower, {
		scaleX: enemyTowerScale,
		scaleY: enemyTowerScale
	}, {
		duration: 500,
		easing: tween.easeInOut
	});
}
function updateManaDisplay() {
	// Update text
	manaText.setText('Mana: ' + currentMana + '/' + maxMana);
	// Update orb visuals
	for (var i = 0; i < manaOrbs.length; i++) {
		if (i < currentMana) {
			manaOrbs[i].alpha = 1.0; // Full opacity for available mana
			manaOrbs[i].tint = 0x00FFFF; // Cyan color
		} else {
			manaOrbs[i].alpha = 0.3; // Low opacity for depleted mana
			manaOrbs[i].tint = 0x666666; // Gray color
		}
	}
}
function playRandomCombatSound() {
	var combatSounds = ['combatir_1', 'combatir_2', 'combatir_3', 'combatir_4'];
	var randomIndex = Math.floor(Math.random() * combatSounds.length);
	LK.getSound(combatSounds[randomIndex]).play();
}
game.down = function (x, y, obj) {
	if (obj.event && obj.event.button === 2) {
		// Right mouse button
		isDragging = true;
		lastMouseX = x;
		obj.event.preventDefault(); // Prevent context menu
	}
};
leftButton.down = function (x, y, obj) {
	// Move camera left
	cameraX -= 100;
	cameraX = Math.max(0, Math.min(cameraX, maxCameraX));
	game.x = -cameraX;
	// Visual feedback
	tween(leftButton, {
		scaleX: 0.9,
		scaleY: 0.9
	}, {
		duration: 100,
		onFinish: function onFinish() {
			tween(leftButton, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 100
			});
		}
	});
};
rightButton.down = function (x, y, obj) {
	// Move camera right
	cameraX += 100;
	cameraX = Math.max(0, Math.min(cameraX, maxCameraX));
	game.x = -cameraX;
	// Visual feedback
	tween(rightButton, {
		scaleX: 0.9,
		scaleY: 0.9
	}, {
		duration: 100,
		onFinish: function onFinish() {
			tween(rightButton, {
				scaleX: 1.0,
				scaleY: 1.0
			}, {
				duration: 100
			});
		}
	});
};
game.up = function (x, y, obj) {
	if (obj.event && obj.event.button === 2) {
		// Right mouse button
		isDragging = false;
	}
};
game.move = function (x, y, obj) {
	if (isDragging) {
		var deltaX = lastMouseX - x;
		cameraX += deltaX;
		cameraX = Math.max(0, Math.min(cameraX, maxCameraX));
		game.x = -cameraX;
		lastMouseX = x;
	}
};
// Start background music
LK.playMusic('Music');
game.update = function () {
	// Music beat detection and character synchronization
	var audioLevel = LK.getAudioLevel ? LK.getAudioLevel() : 0;
	// Enhanced beat detection with multiple triggers
	var beatDetected = false;
	// Primary beat detection with very low threshold
	if (audioLevel > musicBeatThreshold && LK.ticks - lastBeatTime > beatCooldown) {
		beatDetected = true;
	}
	// Fallback timer-based beat detection (every 1 second) if audio detection fails
	if (LK.ticks - lastBeatTime > 60 && !beatDetected) {
		beatDetected = true;
	}
	if (beatDetected) {
		// Beat detected - activate effect on all characters
		lastBeatTime = LK.ticks;
		// Activate effect on warriors
		for (var i = 0; i < warriors.length; i++) {
			warriors[i].beatEffectTimer = 120; // 2 seconds of sine wave effect
		}
		// Activate effect on enemies
		for (var i = 0; i < enemies.length; i++) {
			enemies[i].beatEffectTimer = 120; // 2 seconds of sine wave effect
		}
		// Activate particle effects on towers instead of scaling
		// Create particles around player tower
		for (var p = 0; p < 24; p++) {
			var particle = game.addChild(LK.getAsset('particula_torre_jugador', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: playerTower.x,
				y: playerTower.y - 1728 + 50,
				width: 300 + Math.random() * 200,
				height: 300 + Math.random() * 200,
				rotation: Math.PI
			}));
			particle.alpha = 0.8;
			// Animate particles outward and fade out
			tween(particle, {
				y: playerTower.y - 1200 - Math.random() * 200 + 50,
				x: playerTower.x + (Math.random() - 0.5) * 1000,
				alpha: 0,
				scaleX: 0.2,
				scaleY: 0.2
			}, {
				duration: 1000 + Math.random() * 500,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					particle.destroy();
				}
			});
		}
		// Create particles around enemy tower
		for (var p = 0; p < 24; p++) {
			var particle = game.addChild(LK.getAsset('particula_torre_enemiga', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: enemyTower.x,
				y: enemyTower.y - 1728 + 50,
				width: 300 + Math.random() * 200,
				height: 300 + Math.random() * 200,
				rotation: Math.PI
			}));
			particle.alpha = 0.8;
			// Animate particles outward and fade out
			tween(particle, {
				y: enemyTower.y - 1200 - Math.random() * 200 + 50,
				x: enemyTower.x + (Math.random() - 0.5) * 1000,
				alpha: 0,
				scaleX: 0.2,
				scaleY: 0.2
			}, {
				duration: 1000 + Math.random() * 500,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					particle.destroy();
				}
			});
		}
	}
	// Mana regeneration - every 10 seconds (600 frames at 60fps)
	manaRegenTimer++;
	if (manaRegenTimer >= 600) {
		if (currentMana < maxMana) {
			currentMana++;
			updateManaDisplay();
		}
		manaRegenTimer = 0;
	}
	// Spawn enemies periodically
	enemySpawnTimer++;
	if (enemySpawnTimer >= 180) {
		// Every 3 seconds
		spawnEnemy();
		enemySpawnTimer = 0;
	}
	// Clean up off-screen warriors
	for (var i = warriors.length - 1; i >= 0; i--) {
		var warrior = warriors[i];
		if (warrior.x > 4000) {
			warrior.destroy();
			warriors.splice(i, 1);
		}
	}
	// Clean up off-screen enemies
	for (var i = enemies.length - 1; i >= 0; i--) {
		var enemy = enemies[i];
		if (enemy.x < -200) {
			enemy.destroy();
			enemies.splice(i, 1);
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -1189,22 +1189,23 @@
 			enemies[i].beatEffectTimer = 120; // 2 seconds of sine wave effect
 		}
 		// Activate particle effects on towers instead of scaling
 		// Create particles around player tower
-		for (var p = 0; p < 12; p++) {
+		for (var p = 0; p < 24; p++) {
 			var particle = game.addChild(LK.getAsset('particula_torre_jugador', {
 				anchorX: 0.5,
 				anchorY: 0.5,
 				x: playerTower.x,
-				y: playerTower.y - 1728,
+				y: playerTower.y - 1728 + 50,
 				width: 300 + Math.random() * 200,
-				height: 300 + Math.random() * 200
+				height: 300 + Math.random() * 200,
+				rotation: Math.PI
 			}));
 			particle.alpha = 0.8;
 			// Animate particles outward and fade out
 			tween(particle, {
-				y: playerTower.y - 1200 - Math.random() * 100,
-				x: playerTower.x + (Math.random() - 0.5) * 600,
+				y: playerTower.y - 1200 - Math.random() * 200 + 50,
+				x: playerTower.x + (Math.random() - 0.5) * 1000,
 				alpha: 0,
 				scaleX: 0.2,
 				scaleY: 0.2
 			}, {
@@ -1215,22 +1216,23 @@
 				}
 			});
 		}
 		// Create particles around enemy tower
-		for (var p = 0; p < 12; p++) {
+		for (var p = 0; p < 24; p++) {
 			var particle = game.addChild(LK.getAsset('particula_torre_enemiga', {
 				anchorX: 0.5,
 				anchorY: 0.5,
 				x: enemyTower.x,
-				y: enemyTower.y - 1728,
+				y: enemyTower.y - 1728 + 50,
 				width: 300 + Math.random() * 200,
-				height: 300 + Math.random() * 200
+				height: 300 + Math.random() * 200,
+				rotation: Math.PI
 			}));
 			particle.alpha = 0.8;
 			// Animate particles outward and fade out
 			tween(particle, {
-				y: enemyTower.y - 1200 - Math.random() * 100,
-				x: enemyTower.x + (Math.random() - 0.5) * 600,
+				y: enemyTower.y - 1200 - Math.random() * 200 + 50,
+				x: enemyTower.x + (Math.random() - 0.5) * 1000,
 				alpha: 0,
 				scaleX: 0.2,
 				scaleY: 0.2
 			}, {