/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Ball = Container.expand(function (level) { var self = Container.call(this); var ballColors = ['ballYellow', 'ballBlue', 'ballRed', 'ballGreen', 'ballOrange', 'ballPurple']; var ballGraphics = self.attachAsset(ballColors[level - 1], { anchorX: 0.5, anchorY: 0.5 }); self.level = level; self.speedX = 0; self.speedY = 0; self.isMoving = false; self.kickTowards = function (targetX, targetY) { var dx = targetX - self.x; var dy = targetY - self.y; var distance = Math.sqrt(dx * dx + dy * dy); var speed = 8 + self.level * 2; self.speedX = dx / distance * speed; self.speedY = dy / distance * speed; self.isMoving = true; LK.getSound('kick').play(); }; self.update = function () { if (self.isMoving) { self.x += self.speedX; self.y += self.speedY; // Slow down over time self.speedX *= 0.98; self.speedY *= 0.98; if (Math.abs(self.speedX) < 0.1 && Math.abs(self.speedY) < 0.1) { self.speedX = 0; self.speedY = 0; self.isMoving = false; } } }; return self; }); var PowerpuffGirl = Container.expand(function (x, y) { var self = Container.call(this); var girlGraphics = self.attachAsset('powerpuffGirl', { anchorX: 0.5, anchorY: 0.5 }); self.x = x; self.y = y; self.originalX = x; self.originalY = y; self.down = function (x, y, obj) { if (gameState === 'playing' && ball) { var goalCenterX = goal.x; var goalCenterY = goal.y; ball.kickTowards(goalCenterX, goalCenterY); // Visual feedback tween(self, { scaleX: 1.2, scaleY: 1.2 }, { duration: 150 }); tween(self, { scaleX: 1, scaleY: 1 }, { duration: 150 }); } }; return self; }); var Villain = Container.expand(function (x, y, level) { var self = Container.call(this); var villainGraphics = self.attachAsset('villain', { anchorX: 0.5, anchorY: 0.5 }); self.x = x; self.y = y; self.speed = 1 + level * 0.5; self.update = function () { if (gameState === 'playing' && ball) { var dx = ball.x - self.x; var dy = ball.y - self.y; var distance = Math.sqrt(dx * dx + dy * dy); if (distance > 5) { self.x += dx / distance * self.speed; self.y += dy / distance * self.speed; } } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x4CAF50 }); /**** * Game Code ****/ var gameState = 'menu'; // 'menu', 'playing', 'gameOver' var currentLevel = 1; var ball = null; var goal = null; var powerpuffGirls = []; var villains = []; var levelButtons = []; // Create background var background = game.attachAsset('background', { anchorX: 0, anchorY: 0, x: 0, y: 0 }); // Create goal goal = game.attachAsset('goal', { anchorX: 0.5, anchorY: 0.5, x: 2048 / 2, y: 200 }); // Create goal posts var leftPost = game.attachAsset('goalPost', { anchorX: 0.5, anchorY: 0.5, x: goal.x - 190, y: goal.y }); var rightPost = game.attachAsset('goalPost', { anchorX: 0.5, anchorY: 0.5, x: goal.x + 190, y: goal.y }); // Create level selection UI var titleText = new Text2('Powerpuff Football Heroes', { size: 80, fill: 0xFFFFFF }); titleText.anchor.set(0.5, 0.5); titleText.x = 2048 / 2; titleText.y = 400; game.addChild(titleText); var instructionText = new Text2('Tap a colored ball to select difficulty', { size: 50, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 2048 / 2; instructionText.y = 500; game.addChild(instructionText); // Create level selection balls var ballColors = ['ballYellow', 'ballBlue', 'ballRed', 'ballGreen', 'ballOrange', 'ballPurple']; var ballLabels = ['Level 1', 'Level 2', 'Level 3', 'Level 4', 'Level 5', 'Level 6']; for (var i = 0; i < 6; i++) { var levelBall = game.attachAsset(ballColors[i], { anchorX: 0.5, anchorY: 0.5, x: 200 + i % 3 * 300, y: 700 + Math.floor(i / 3) * 200 }); levelBall.level = i + 1; levelBall.down = function (x, y, obj) { startGame(obj.level); }; var levelText = new Text2(ballLabels[i], { size: 40, fill: 0xFFFFFF }); levelText.anchor.set(0.5, 0.5); levelText.x = levelBall.x; levelText.y = levelBall.y + 80; game.addChild(levelText); levelButtons.push(levelBall); levelButtons.push(levelText); } // Score display var scoreText = new Text2('Score: 0', { size: 60, fill: 0xFFFFFF }); scoreText.anchor.set(0.5, 0); LK.gui.top.addChild(scoreText); function startGame(level) { gameState = 'playing'; currentLevel = level; // Hide menu elements titleText.visible = false; instructionText.visible = false; for (var i = 0; i < levelButtons.length; i++) { levelButtons[i].visible = false; } // Create ball ball = game.addChild(new Ball(level)); ball.x = 2048 / 2; ball.y = 1500; // Create Powerpuff Girls powerpuffGirls = []; for (var i = 0; i < 3; i++) { var girl = game.addChild(new PowerpuffGirl(400 + i * 400, 2000)); powerpuffGirls.push(girl); } // Create villains villains = []; var villainCount = Math.min(level + 1, 5); for (var i = 0; i < villainCount; i++) { var villainX = 300 + i * 350; var villainY = 1200 + i % 2 * 200; var villain = game.addChild(new Villain(villainX, villainY, level)); villains.push(villain); } // Update score display scoreText.setText('Level: ' + level); } function resetGame() { gameState = 'menu'; // Show menu elements titleText.visible = true; instructionText.visible = true; for (var i = 0; i < levelButtons.length; i++) { levelButtons[i].visible = true; } // Clean up game objects if (ball) { ball.destroy(); ball = null; } for (var i = 0; i < powerpuffGirls.length; i++) { powerpuffGirls[i].destroy(); } powerpuffGirls = []; for (var i = 0; i < villains.length; i++) { villains[i].destroy(); } villains = []; scoreText.setText('Score: ' + LK.getScore()); } game.update = function () { if (gameState === 'playing' && ball) { // Check if ball reached goal if (ball.y < goal.y + 100 && ball.x > goal.x - 200 && ball.x < goal.x + 200) { LK.setScore(LK.getScore() + currentLevel * 10); LK.getSound('goal').play(); LK.effects.flashScreen(0x00FF00, 500); // Check win condition if (LK.getScore() >= 100) { LK.showYouWin(); } else { // Next level or reset if (currentLevel < 6) { startGame(currentLevel + 1); } else { resetGame(); } } } // Check if villains caught the ball for (var i = 0; i < villains.length; i++) { if (villains[i].intersects(ball)) { LK.getSound('villainCatch').play(); LK.effects.flashScreen(0xFF0000, 500); LK.showGameOver(); break; } } // Check if ball went out of bounds if (ball.x < 0 || ball.x > 2048 || ball.y > 2732) { LK.effects.flashScreen(0xFF0000, 500); LK.showGameOver(); } } };