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

/**** 
* Classes
****/ 
// Clase para la bomba
var Bomb = Container.expand(function () {
	var self = Container.call(this);
	self.sprite = self.attachAsset('bomb', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Velocidad vertical aleatoria (más o menos rápida)
	self.speedY = 12 + Math.random() * 8;
	// Para detectar colisión solo una vez
	self.lastIntersecting = false;
	// Actualización por frame
	self.update = function () {
		self.y += self.speedY;
		if (self.sprite) {
			if (typeof self.sprite.rotation !== "number") self.sprite.rotation = 0;
			self.sprite.rotation += 0.13;
		}
	};
	return self;
});
// Efecto de explosión visual
var Explosion = Container.expand(function () {
	var self = Container.call(this);
	self.circle = self.attachAsset('explosion', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.5,
		scaleY: 0.5,
		alpha: 0.7
	});
	// Animación de expansión y desvanecimiento
	self.play = function (x, y, _onFinish) {
		self.x = x;
		self.y = y;
		self.circle.alpha = 0.7;
		self.circle.scaleX = 0.5;
		self.circle.scaleY = 0.5;
		// Efecto de destello blanco detrás de la explosión
		var flash = LK.getAsset('skybg', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 0,
			y: 0,
			scaleX: 3,
			scaleY: 3
		});
		flash.tint = 0xffffff;
		flash.alpha = 0.7;
		self.addChildAt(flash, 0);
		tween(flash, {
			alpha: 0
		}, {
			duration: 350,
			onFinish: function onFinish() {
				flash.destroy();
			}
		});
		tween(self.circle, {
			scaleX: 2.5,
			scaleY: 2.5,
			alpha: 0
		}, {
			duration: 600,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				if (_onFinish) _onFinish();
				self.destroy();
			}
		});
	};
	return self;
});
// Clase para el personaje (gato o robot)
var Player = Container.expand(function () {
	var self = Container.call(this);
	// Por defecto, es gato
	self.type = 'cat';
	self.sprite = null;
	// Inicializa el sprite según el tipo
	self.setType = function (type) {
		self.type = type;
		if (self.sprite) {
			self.removeChild(self.sprite);
		}
		self.sprite = self.attachAsset(type, {
			anchorX: 0.5,
			anchorY: 1
		});
	};
	// Devuelve el ancho real del sprite
	self.getWidth = function () {
		return self.sprite ? self.sprite.width : 0;
	};
	// Devuelve la altura real del sprite
	self.getHeight = function () {
		return self.sprite ? self.sprite.height : 0;
	};
	// Inicializa como gato por defecto
	self.setType('cat');
	return self;
});

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

/**** 
* Game Code
****/ 
// Nuevos personajes extra
// Nuevos personajes
// textura de suelo
// Sonido explosión
// Efecto explosión (círculo rojo)
// Fondo cielo (simple rectángulo azul claro)
// Bombas
// Personajes
// Fondo cielo (no interactivo, solo visual)
var skybg = LK.getAsset('skybg', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 0
});
game.addChild(skybg);
// Suelo con textura independiente en la parte inferior
var groundTex = LK.getAsset('groundtex', {
	anchorX: 0,
	anchorY: 0,
	x: 0,
	y: 2732 - 180
});
game.addChild(groundTex);
// (El suelo verde ha sido eliminado)
// Variables globales
var player = null;
var bombs = [];
var score = 0;
var scoreTxt = null;
var gameStarted = false;
var lastBombSpawnTick = 0;
var bombSpawnInterval = 45; // frames (~0.75s)
var dragTargetX = null;
var dragActive = false;
var lastScoreTick = 0;
var selectedType = null;
var choosePanel = null;
var explosionEffect = null;
// --- Pantalla de selección de personaje ---
function showChoosePanel() {
	// Panel semitransparente
	choosePanel = new Container();
	// Fondo semitransparente
	var panelBg = LK.getAsset('skybg', {
		anchorX: 0,
		anchorY: 0,
		x: 0,
		y: 0
	});
	panelBg.alpha = 0.85;
	choosePanel.addChild(panelBg);
	// Texto
	var txt = new Text2('Elige tu personaje', {
		size: 120,
		fill: 0x222222,
		font: "PressStart2P, 'VT323', 'Pixel', 'Courier New', monospace",
		fontWeight: 'bold'
	});
	txt.anchor.set(0.5, 0);
	txt.x = 2048 / 2;
	txt.y = 400;
	choosePanel.addChild(txt);
	// Lista de personajes y sus assets
	var characterOptions = [{
		key: 'cat',
		label: 'Gato',
		asset: 'cat'
	}, {
		key: 'robot',
		label: 'Robot',
		asset: 'robot'
	}, {
		key: 'frog',
		label: 'Rana',
		asset: 'frog'
	}, {
		key: 'fox',
		label: 'Zorro',
		asset: 'fox'
	}, {
		key: 'alien',
		label: 'Alien',
		asset: 'alien'
	}, {
		key: 'wizard',
		label: 'Mago',
		asset: 'wizard'
	}, {
		key: 'penguin',
		label: 'Pingüino',
		asset: 'penguin'
	}, {
		key: 'cube',
		label: 'Cubo',
		asset: 'cube'
	}, {
		key: 'ghost',
		label: 'Fantasma',
		asset: 'ghost'
	}, {
		key: 'pirate',
		label: 'Pirata',
		asset: 'pirate'
	}, {
		key: 'ninja',
		label: 'Ninja',
		asset: 'ninja'
	}, {
		key: 'unicorn',
		label: 'Unicornio',
		asset: 'unicorn'
	},
	// Nuevos personajes extra
	{
		key: 'vampire',
		label: 'Vampiro',
		asset: 'vampire'
	}, {
		key: 'duck',
		label: 'Pato',
		asset: 'duck'
	}, {
		key: 'dog',
		label: 'Perro',
		asset: 'dog'
	}, {
		key: 'alien2',
		label: 'Alien2',
		asset: 'alien2'
	}];
	// Posiciones para los personajes (en cuadrícula tipo armario)
	var gridCols = 4;
	var gridRows = 2;
	var cellW = 340;
	var cellH = 400;
	var gridStartX = (2048 - gridCols * cellW) / 2 + cellW / 2;
	var gridStartY = 950;
	for (var i = 0; i < characterOptions.length; i++) {
		var opt = characterOptions[i];
		var col = i % gridCols;
		var row = Math.floor(i / gridCols);
		var x = gridStartX + col * cellW;
		var y = gridStartY + row * cellH;
		// Crea el botón del personaje
		var btn = LK.getAsset(opt.asset, {
			anchorX: 0.5,
			anchorY: 0.5,
			x: x,
			y: y
		});
		btn.interactive = true;
		btn.buttonMode = true;
		btn._charKey = opt.key;
		choosePanel.addChild(btn);
		// Sin animación: los personajes permanecen estáticos
		btn.x = x;
		btn.alpha = 1;
		// Etiqueta pixel art
		var label = new Text2(opt.label, {
			size: 80,
			fill: 0x333333,
			font: "PressStart2P, 'VT323', 'Pixel', 'Courier New', monospace",
			fontWeight: 'bold'
		});
		label.anchor.set(0.5, 0);
		label.x = x;
		label.y = y + 160;
		choosePanel.addChild(label);
		// Listener de selección
		btn.down = function (key) {
			return function (x, y, obj) {
				startGame(key);
			};
		}(opt.key);
	}
	// No se requiere animación en la pantalla de selección
	choosePanel.update = function () {};
	game.addChild(choosePanel);
}
// --- Iniciar juego ---
function startGame(type) {
	// Eliminar panel de selección
	if (choosePanel) {
		choosePanel.destroy();
		choosePanel = null;
	}
	// Inicializar jugador
	player = new Player();
	player.setType(type);
	player.x = 2048 / 2;
	// Posiciona el personaje otro poquito más arriba del suelo (más arriba que antes, solo un poquito)
	var groundY = 2732 - 180; // Y del suelo
	var playerHeight = player.getHeight();
	// Subimos el personaje 65px respecto al suelo (antes era 55)
	player.y = groundY + 0.5 * playerHeight - 65; // El anchorY es 1, así que la base del sprite está en y
	game.addChild(player);
	// Inicializar score
	score = 0;
	if (scoreTxt) {
		scoreTxt.destroy();
	}
	scoreTxt = new Text2('0', {
		size: 120,
		fill: 0xFFFFFF,
		font: "PressStart2P, 'VT323', 'Pixel', 'Courier New', monospace",
		fontWeight: 'bold'
	});
	scoreTxt.anchor.set(0.5, 0);
	LK.gui.top.addChild(scoreTxt);
	// Reset bombas
	for (var i = 0; i < bombs.length; i++) {
		bombs[i].destroy();
	}
	bombs = [];
	// Reset ticks
	lastBombSpawnTick = LK.ticks;
	lastScoreTick = LK.ticks;
	// Estado
	gameStarted = true;
	selectedType = type;
	dragTargetX = null;
	dragActive = false;
}
// --- Game Over ---
function triggerGameOver() {
	gameStarted = false;
	// Efecto explosión visual
	if (explosionEffect) {
		explosionEffect.destroy();
	}
	explosionEffect = new Explosion();
	game.addChild(explosionEffect);
	explosionEffect.play(player.x, player.y - player.getHeight() / 2, function () {
		// Nada extra
	});
	// Sonido explosión
	LK.getSound('explosion').play();
	// Flash pantalla más fuerte y vibración
	LK.effects.flashScreen(0xff0000, 1000);
	if (typeof LK.effects.vibrate === "function") {
		LK.effects.vibrate(400);
	}
	// Sacudir la pantalla con tween
	if (typeof tween === "function") {
		var _doShake = function doShake() {
			if (shakeIndex >= shakeTimes) {
				game.x = originalX;
				game.y = originalY;
				return;
			}
			var angle = Math.random() * Math.PI * 2;
			var dx = Math.cos(angle) * shakeAmount;
			var dy = Math.sin(angle) * shakeAmount;
			tween(game, {
				x: originalX + dx,
				y: originalY + dy
			}, {
				duration: shakeStep / 2,
				onFinish: function onFinish() {
					tween(game, {
						x: originalX,
						y: originalY
					}, {
						duration: shakeStep / 2,
						onFinish: function onFinish() {
							shakeIndex++;
							_doShake();
						}
					});
				}
			});
		};
		var originalX = game.x || 0;
		var originalY = game.y || 0;
		var shakeAmount = 32;
		var shakeTimes = 8;
		var shakeDuration = 400;
		var shakeStep = shakeDuration / shakeTimes;
		var shakeIndex = 0;
		_doShake();
	}
	// Mostrar Game Over (el engine lo maneja)
	LK.setTimeout(function () {
		LK.showGameOver();
	}, 700);
}
// --- Spawnear bomba ---
function spawnBomb() {
	var bomb = new Bomb();
	// Posición X aleatoria, pero dentro de los bordes
	var margin = 120;
	var minX = margin;
	var maxX = 2048 - margin;
	bomb.x = minX + Math.random() * (maxX - minX);
	bomb.y = -80; // Arriba de la pantalla
	bombs.push(bomb);
	game.addChild(bomb);
}
// --- Actualización principal ---
game.update = function () {
	// Animar personajes en la pantalla de selección si está activa
	if (choosePanel && choosePanel.update) choosePanel.update();
	if (!gameStarted) return;
	// Spawnear bombas cada cierto tiempo
	if (LK.ticks - lastBombSpawnTick > bombSpawnInterval) {
		spawnBomb();
		lastBombSpawnTick = LK.ticks;
	}
	// Sumar score cada segundo
	if (LK.ticks - lastScoreTick >= 60) {
		score += 1;
		scoreTxt.setText(score);
		lastScoreTick = LK.ticks;
	}
	// Actualizar bombas
	for (var i = bombs.length - 1; i >= 0; i--) {
		var bomb = bombs[i];
		bomb.update();
		// Si sale de pantalla, eliminar
		if (bomb.y > 2732 + 100) {
			bomb.destroy();
			bombs.splice(i, 1);
			continue;
		}
		// Colisión con jugador
		var intersect = player && bomb.intersects(player);
		if (!bomb.lastIntersecting && intersect) {
			// Eliminar todas las bombas inmediatamente
			for (var j = bombs.length - 1; j >= 0; j--) {
				bombs[j].destroy();
			}
			bombs = [];
			// Explosión y game over
			triggerGameOver();
			return;
		}
		bomb.lastIntersecting = intersect;
	}
	// Movimiento del jugador (drag)
	if (dragActive && dragTargetX !== null) {
		// Suavizar movimiento horizontal
		var dx = dragTargetX - player.x;
		var speed = 0.32 * dx;
		if (Math.abs(dx) > 8) {
			player.x += speed;
		} else {
			player.x = dragTargetX;
		}
		// Limitar a bordes
		var halfW = player.getWidth() / 2;
		if (player.x < halfW + 30) player.x = halfW + 30;
		if (player.x > 2048 - halfW - 30) player.x = 2048 - halfW - 30;
	}
};
// --- Control táctil: mover jugador horizontalmente ---
// Permite mover el personaje a izquierda y derecha con controles táctiles (drag horizontal)
function handleMove(x, y, obj) {
	if (!gameStarted) return;
	if (!player) return;
	// Permite mover el personaje a izquierda y derecha con controles táctiles (drag horizontal)
	dragActive = true;
	dragTargetX = x;
}
game.move = function (x, y, obj) {
	handleMove(x, y, obj);
};
game.down = function (x, y, obj) {
	handleMove(x, y, obj);
};
game.up = function (x, y, obj) {
	dragActive = false;
	dragTargetX = null;
};
// --- Iniciar con pantalla de selección ---
showChoosePanel();

===================================================================
--- original.js
+++ change.js
@@ -118,8 +118,9 @@
 
 /**** 
 * Game Code
 ****/ 
+// Nuevos personajes extra
 // Nuevos personajes
 // textura de suelo
 // Sonido explosión
 // Efecto explosión (círculo rojo)
@@ -229,8 +230,26 @@
 	}, {
 		key: 'unicorn',
 		label: 'Unicornio',
 		asset: 'unicorn'
+	},
+	// Nuevos personajes extra
+	{
+		key: 'vampire',
+		label: 'Vampiro',
+		asset: 'vampire'
+	}, {
+		key: 'duck',
+		label: 'Pato',
+		asset: 'duck'
+	}, {
+		key: 'dog',
+		label: 'Perro',
+		asset: 'dog'
+	}, {
+		key: 'alien2',
+		label: 'Alien2',
+		asset: 'alien2'
 	}];
 	// Posiciones para los personajes (en cuadrícula tipo armario)
 	var gridCols = 4;
 	var gridRows = 2;