/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var Cannon = Container.expand(function () { var self = Container.call(this); // Create cannon base var base = self.attachAsset('cannonBase', { anchorX: 0.5, anchorY: 0.5 }); // Create cannon barrel var barrel = self.attachAsset('cannon', { anchorX: 0, // Anchor at the left side anchorY: 0.5, x: 0, y: 0 }); self.rotation = -Math.PI / 2; // Point upward initially self.cooldown = 0; self.reloading = false; self.update = function () { if (self.cooldown > 0) { self.cooldown--; } }; self.canFire = function () { return self.cooldown <= 0 && ammo > 0 && !self.reloading; }; self.fire = function () { if (!self.canFire()) { return; } // Create a new shell var shell = new Shell(); shell.x = self.x + Math.cos(self.rotation) * 80; shell.y = self.y + Math.sin(self.rotation) * 80; // Set direction based on cannon rotation shell.directionX = Math.cos(self.rotation); shell.directionY = Math.sin(self.rotation); game.addChild(shell); shells.push(shell); // Play fire sound LK.getSound('fire').play(); // Set cooldown self.cooldown = 15; // Reduce ammo ammo--; updateAmmoDisplay(); // Auto-reload when empty if (ammo === 0) { self.reload(); } }; self.reload = function () { if (self.reloading || ammo === maxAmmo) { return; } self.reloading = true; // Play reload sound LK.getSound('reload').play(); // Reload animation tween(barrel, { rotation: Math.PI / 4 }, { duration: 500, easing: tween.easeOut, onFinish: function onFinish() { // Reset barrel rotation tween(barrel, { rotation: 0 }, { duration: 500, easing: tween.easeIn, onFinish: function onFinish() { // Reloading completed ammo = maxAmmo; updateAmmoDisplay(); self.reloading = false; } }); } }); }; self.aim = function (targetX, targetY) { // Calculate the angle to the target var dx = targetX - self.x; var dy = targetY - self.y; var angle = Math.atan2(dy, dx); // Restrict angle to upper half (prevent aiming below horizontal) if (angle > 0 && angle < Math.PI / 2) { angle = 0; } else if (angle > Math.PI / 2 && angle < Math.PI) { angle = Math.PI; } // Update cannon rotation self.rotation = angle; }; return self; }); var Enemy = Container.expand(function () { var self = Container.call(this); var enemyGraphics = self.attachAsset('enemy', { anchorX: 0.5, anchorY: 0.5 }); self.speedX = 0; self.speedY = 2; self.health = 1; self.pointValue = 100; self.active = true; // Add wings to the plane var leftWing = self.attachAsset('enemy', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.8, scaleY: 0.3, x: -40, y: 0, rotation: Math.PI * 0.1 }); var rightWing = self.attachAsset('enemy', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.8, scaleY: 0.3, x: 40, y: 0, rotation: -Math.PI * 0.1 }); self.setType = function (type) { self.type = type; switch (type) { case 'basic': enemyGraphics.tint = 0xff0000; self.speedY = 2 + Math.random() * 1; self.health = 1; self.pointValue = 100; break; case 'fast': enemyGraphics.tint = 0xff9900; self.speedY = 4 + Math.random() * 1.5; self.health = 1; self.pointValue = 150; break; case 'heavy': enemyGraphics.tint = 0x990000; enemyGraphics.scaleX = 1.5; enemyGraphics.scaleY = 1.5; leftWing.scaleX = 1.2; rightWing.scaleX = 1.2; self.speedY = 1 + Math.random() * 0.8; self.health = 2; self.pointValue = 200; break; case 'zigzag': enemyGraphics.tint = 0xcc00cc; self.speedY = 2 + Math.random() * 1; self.speedX = 3; self.zigzagCounter = 0; self.health = 1; self.pointValue = 150; break; } }; self.update = function () { if (!self.active) { return; } // Move enemy self.y += self.speedY; // Special movement patterns if (self.type === 'zigzag') { self.zigzagCounter += 0.05; self.x += Math.sin(self.zigzagCounter) * self.speedX; } // Check if hit the battleship if (self.y > battleshipY - 100 && self.active) { if (Math.abs(self.x - battleshipX) < 350) { // Hit the battleship self.active = false; // Create explosion var explosion = new Explosion(); explosion.x = self.x; explosion.y = self.y; game.addChild(explosion); explosions.push(explosion); // Play impact sound LK.getSound('impact').play(); // Damage the battleship shipHealth -= 20; updateHealthBar(); // Flash the battleship red LK.effects.flashObject(battleship, 0xff0000, 500); // Check for game over if (shipHealth <= 0) { gameOver(); } // Remove enemy enemies.splice(enemies.indexOf(self), 1); self.destroy(); } } // Remove if out of bounds if (self.y > 2732 + 100) { self.active = false; enemies.splice(enemies.indexOf(self), 1); self.destroy(); } }; self.hit = function () { self.health--; if (self.health <= 0) { // Enemy destroyed self.active = false; // Create explosion var explosion = new Explosion(); explosion.x = self.x; explosion.y = self.y; game.addChild(explosion); explosions.push(explosion); // Play explosion sound LK.getSound('explosion').play(); // Add score LK.setScore(LK.getScore() + self.pointValue); updateScoreText(); // Remove enemy enemies.splice(enemies.indexOf(self), 1); self.destroy(); return true; } else { // Flash the enemy to indicate hit LK.effects.flashObject(enemyGraphics, 0xffffff, 200); return false; } }; return self; }); var Explosion = Container.expand(function () { var self = Container.call(this); var explosionGraphics = self.attachAsset('explosion', { anchorX: 0.5, anchorY: 0.5 }); self.lifeTime = 30; // frames self.update = function () { self.lifeTime--; // Scale the explosion for effect var scale = 1.0 + (30 - self.lifeTime) / 15; explosionGraphics.scaleX = scale; explosionGraphics.scaleY = scale; // Fade out explosionGraphics.alpha = self.lifeTime / 30; if (self.lifeTime <= 0) { explosions.splice(explosions.indexOf(self), 1); self.destroy(); } }; return self; }); var Shell = Container.expand(function () { var self = Container.call(this); var shellGraphics = self.attachAsset('shell', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.5, scaleY: 1.5 }); self.speed = 15; self.directionX = 0; self.directionY = -1; self.active = true; self.update = function () { if (!self.active) { return; } self.x += self.directionX * self.speed; self.y += self.directionY * self.speed; // Remove if out of bounds if (self.y < -100 || self.y > 2732 || self.x < -100 || self.x > 2148) { self.active = false; shells.splice(shells.indexOf(self), 1); self.destroy(); } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87ceeb }); /**** * Game Code ****/ // Game variables var battleshipX = 2048 / 2; var battleshipY = 2732 - 400; var battleship; var cannon; var shipHealth = 100; var level = 1; var waveSize = 5; var enemies = []; var shells = []; var explosions = []; var spawnTimer = 0; var nextSpawnTime = 60; var ammo = 10; var maxAmmo = 10; var isAiming = false; var scoreText; var levelText; var healthBar; var healthBarBackground; var ammoDisplay = []; // Create game environment function setupEnvironment() { // Create sky var sky = LK.getAsset('sky', { anchorX: 0, anchorY: 0, x: 0, y: 0 }); game.addChild(sky); // Create sea var sea = LK.getAsset('sea', { anchorX: 0, anchorY: 0, x: 0, y: 2732 - 800 }); game.addChild(sea); // Create battleship battleship = LK.getAsset('battleship', { anchorX: 0.5, anchorY: 0.5, x: battleshipX, y: battleshipY }); game.addChild(battleship); // Create cannon cannon = new Cannon(); cannon.x = battleshipX; cannon.y = battleshipY - 50; game.addChild(cannon); // Setup UI setupUI(); // Start background music LK.playMusic('battleTheme'); } function setupUI() { // Create score text scoreText = new Text2('Score: 0', { size: 60, fill: 0xFFFFFF }); scoreText.anchor.set(0, 0); LK.gui.topRight.addChild(scoreText); scoreText.x = -300; scoreText.y = 20; // Create level text levelText = new Text2('Level: 1', { size: 60, fill: 0xFFFFFF }); levelText.anchor.set(0, 0); LK.gui.top.addChild(levelText); levelText.y = 20; // Create health bar background healthBarBackground = LK.getAsset('healthBarBg', { anchorX: 0.5, anchorY: 0.5, x: 0, y: 80 }); LK.gui.top.addChild(healthBarBackground); // Create health bar healthBar = LK.getAsset('healthBar', { anchorX: 0, anchorY: 0.5, x: -400, y: 80 }); LK.gui.top.addChild(healthBar); // Create ammo display createAmmoDisplay(); // Instructions text var instructionsText = new Text2('Tap to aim and fire', { size: 40, fill: 0xFFFFFF }); instructionsText.anchor.set(0.5, 0); LK.gui.bottom.addChild(instructionsText); instructionsText.y = -100; // Reload button var reloadText = new Text2('RELOAD', { size: 50, fill: 0xFFFFFF }); reloadText.anchor.set(0.5, 0.5); LK.gui.bottomRight.addChild(reloadText); reloadText.x = -150; reloadText.y = -80; // Add interactions to reload button reloadText.interactive = true; reloadText.down = function () { if (!cannon.reloading && ammo < maxAmmo) { cannon.reload(); } }; } function createAmmoDisplay() { // Clear existing ammo display for (var i = 0; i < ammoDisplay.length; i++) { ammoDisplay[i].destroy(); } ammoDisplay = []; // Create new ammo icons for (var i = 0; i < maxAmmo; i++) { var ammoIcon = LK.getAsset('ammoIcon', { anchorX: 0.5, anchorY: 0.5, x: 50 + i * 40, y: -80 }); LK.gui.bottomLeft.addChild(ammoIcon); ammoDisplay.push(ammoIcon); } updateAmmoDisplay(); } function updateAmmoDisplay() { for (var i = 0; i < ammoDisplay.length; i++) { ammoDisplay[i].alpha = i < ammo ? 1.0 : 0.3; } } function updateScoreText() { scoreText.setText('Score: ' + LK.getScore()); } function updateLevelText() { levelText.setText('Level: ' + level); } function updateHealthBar() { // Update health bar width based on ship health var healthPercent = Math.max(0, shipHealth / 100); healthBar.scaleX = healthPercent; // Change color based on health if (healthPercent > 0.6) { healthBar.tint = 0x00ff00; } else if (healthPercent > 0.3) { healthBar.tint = 0xffcc00; } else { healthBar.tint = 0xff0000; } } function spawnEnemy() { var enemy = new Enemy(); // Random position at the top of the screen enemy.x = Math.random() * (2048 - 200) + 100; enemy.y = -100; // Choose enemy type based on level var types = ['basic']; if (level >= 2) { types.push('fast'); } if (level >= 3) { types.push('zigzag'); } if (level >= 4) { types.push('heavy'); } var randomType = types[Math.floor(Math.random() * types.length)]; enemy.setType(randomType); game.addChild(enemy); enemies.push(enemy); // Set next spawn time nextSpawnTime = 30 + Math.floor(Math.random() * 60); spawnTimer = 0; } function checkLevelProgress() { // If all enemies in the wave are destroyed, increase level if (enemies.length === 0 && spawnedEnemies >= waveSize) { level++; updateLevelText(); // Increase wave size and reset counter waveSize = 5 + level * 2; spawnedEnemies = 0; // Replenish some health shipHealth = Math.min(100, shipHealth + 20); updateHealthBar(); // Refill ammo ammo = maxAmmo; updateAmmoDisplay(); // Show level up message var levelUpText = new Text2('LEVEL ' + level, { size: 120, fill: 0xFFFF00 }); levelUpText.anchor.set(0.5, 0.5); LK.gui.center.addChild(levelUpText); // Animate level up text tween(levelUpText, { scaleX: 1.5, scaleY: 1.5 }, { duration: 1000, easing: tween.easeOut, onFinish: function onFinish() { tween(levelUpText, { alpha: 0 }, { duration: 1000, easing: tween.linear, onFinish: function onFinish() { levelUpText.destroy(); } }); } }); // Reset spawn timer for the next wave spawnTimer = 0; } } function gameOver() { // Show game over LK.showGameOver(); } // Event handlers game.down = function (x, y, obj) { isAiming = true; // Aim the cannon at the touch point var gameCoords = { x: x, y: y }; cannon.aim(gameCoords.x, gameCoords.y); }; game.move = function (x, y, obj) { if (isAiming) { // Aim the cannon at the touch point var gameCoords = { x: x, y: y }; cannon.aim(gameCoords.x, gameCoords.y); } }; game.up = function (x, y, obj) { if (isAiming) { // Fire the cannon cannon.fire(); isAiming = false; } }; // Main game update var spawnedEnemies = 0; game.update = function () { // Update cannon cannon.update(); // Update all shells for (var i = shells.length - 1; i >= 0; i--) { shells[i].update(); } // Update all enemies for (var i = enemies.length - 1; i >= 0; i--) { enemies[i].update(); } // Update all explosions for (var i = explosions.length - 1; i >= 0; i--) { explosions[i].update(); } // Spawn enemies continuously spawnTimer++; if (spawnTimer >= nextSpawnTime) { spawnEnemy(); spawnedEnemies++; // Reset spawn timer for the next enemy spawnTimer = 0; } // Check for collision between shells and enemies for (var i = shells.length - 1; i >= 0; i--) { var shell = shells[i]; for (var j = enemies.length - 1; j >= 0; j--) { var enemy = enemies[j]; if (shell.active && enemy.active && shell.intersects(enemy)) { // Enemy hit var destroyed = enemy.hit(); // Remove the shell shell.active = false; shells.splice(i, 1); shell.destroy(); // Check level progress if (destroyed) { checkLevelProgress(); } break; } } } }; // Initialize game setupEnvironment(); updateScoreText(); updateLevelText(); updateHealthBar();