/**** * Classes ****/ var Ball = Container.expand(function () { var self = Container.call(this); var type = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'normal'; // Properties self.type = type; self.speed = 10; self.damage = 1; self.active = false; self.direction = { x: 0, y: -1 }; self.upgrades = { speed: 0, damage: 0 }; // Set appearance based on type var assetId; switch (type) { case 'fire': assetId = 'fireBall'; self.damage = 2; break; case 'ice': assetId = 'iceBall'; self.speed = 8; self.damage = 1; break; case 'heavy': assetId = 'heavyBall'; self.speed = 7; self.damage = 3; break; default: assetId = 'ball'; } // Create ball graphics self.graphics = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5 }); // Launch with random direction self.launch = function () { if (!self.active) { var angle = Math.PI * (0.7 + Math.random() * 0.6); // 0.7π to 1.3π (mostly upward) self.direction = { x: Math.cos(angle), y: Math.sin(angle) }; self.active = true; } }; // Update ball position and handle collisions self.update = function (paddle, bricks, gameWidth, gameHeight) { if (!self.active) { return false; } // Calculate effective speed based on upgrades var effectiveSpeed = self.speed * (1 + 0.1 * self.upgrades.speed); // Move ball self.x += self.direction.x * effectiveSpeed; self.y += self.direction.y * effectiveSpeed; // Handle wall collisions if (self.x - self.graphics.width / 2 < 0 || self.x + self.graphics.width / 2 > gameWidth) { self.direction.x *= -1; LK.getSound('hit').play(); } if (self.y - self.graphics.height / 2 < 0) { self.direction.y *= -1; LK.getSound('hit').play(); } // Handle falling below paddle if (self.y > gameHeight + 100) { self.active = false; return true; // Ball lost } // Paddle collision if (self.intersects(paddle) && self.direction.y > 0) { // Calculate bounce angle based on where the ball hit the paddle var hitPos = (self.x - paddle.x) / (paddle.width / 2); // Convert to angle between -π/4 and π/4 var angle = hitPos * Math.PI / 4; // Set new direction self.direction = { x: Math.sin(angle), y: -Math.cos(angle) }; LK.getSound('hit').play(); } // Brick collisions - handled in game.update return false; // Ball still in play }; // Calculate damage with upgrades self.getDamage = function () { return self.damage * (1 + 0.5 * self.upgrades.damage); }; return self; }); var Brick = Container.expand(function () { var self = Container.call(this); var health = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1; var value = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 10; // Properties self.maxHealth = health; self.health = health; self.value = value; // Create brick graphics var brickGraphics = self.attachAsset('brick', { anchorX: 0.5, anchorY: 0.5 }); // Health text self.healthText = new Text2(health.toString(), { size: 40, fill: 0xFFFFFF }); self.healthText.anchor.set(0.5, 0.5); self.addChild(self.healthText); // Take damage self.takeDamage = function (amount) { self.health -= amount; // Update health text self.healthText.setText(Math.max(0, self.health).toString()); // Update color based on health percentage var healthPercent = self.health / self.maxHealth; var colorValue = Math.floor(healthPercent * 255); brickGraphics.tint = colorValue << 16 | colorValue << 8 | 255; // Fade to blue as health decreases return self.health <= 0; }; return self; }); var Button = Container.expand(function (text) { var self = Container.call(this); var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 300; var height = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 100; // Create button graphics var buttonGraphics = self.attachAsset('buyButton', { anchorX: 0.5, anchorY: 0.5, width: width, height: height }); // Button text self.buttonText = new Text2(text, { size: 36, fill: 0xFFFFFF }); self.buttonText.anchor.set(0.5, 0.5); self.addChild(self.buttonText); // Enable interactivity self.interactive = true; // Update text self.setText = function (text) { self.buttonText.setText(text); }; // Handle press self.down = function (x, y, obj) { buttonGraphics.tint = 0x1a7d42; // Darker green when pressed }; // Handle release self.up = function (x, y, obj) { buttonGraphics.tint = 0xffffff; // Reset tint if (self.onClick) { self.onClick(); } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x2c3e50 }); /**** * Game Code ****/ // Game constants and variables var GAME_WIDTH = 2048; var GAME_HEIGHT = 2732; var GRID_COLS = 8; var GRID_ROWS = 10; var BRICK_MARGIN = 10; var MAX_LEVEL = 100; // Game state var score = 0; var currency = 0; var level = 1; var autoPlayActive = false; var autoPlayInterval = null; var ballsRespawnTime = 3000; // ms // Game elements var paddle; var balls = []; var bricks = []; var upgradePanels = { visible: false, container: null }; // Buttons and UI elements var scoreTxt; var currencyTxt; var levelTxt; var autoPlayBtn; var upgradeBtn; var ballButtons = []; // Initialize the game function initGame() { // Create UI elements createUI(); // Create paddle paddle = game.addChild(new Container()); var paddleGraphics = paddle.attachAsset('paddle', { anchorX: 0.5, anchorY: 0.5 }); paddle.x = GAME_WIDTH / 2; paddle.y = GAME_HEIGHT - 150; paddle.width = paddleGraphics.width; // Initialize first ball createBall('normal'); // Create bricks for initial level createBricksForLevel(level); // Start background music LK.playMusic('bgMusic'); } // Create UI elements function createUI() { // Score display scoreTxt = new Text2('Score: 0', { size: 60, fill: 0xFFFFFF }); scoreTxt.anchor.set(0, 0); LK.gui.topLeft.addChild(scoreTxt); scoreTxt.x = 50; scoreTxt.y = 50; // Currency display currencyTxt = new Text2('Coins: 0', { size: 60, fill: 0xFFDD00 }); currencyTxt.anchor.set(0, 0); LK.gui.topLeft.addChild(currencyTxt); currencyTxt.x = 50; currencyTxt.y = 120; // Level display levelTxt = new Text2('Level: 1', { size: 60, fill: 0x00FFAA }); levelTxt.anchor.set(1, 0); LK.gui.topRight.addChild(levelTxt); levelTxt.x = -50; levelTxt.y = 50; // Auto play button autoPlayBtn = new Button("Start Auto Play"); game.addChild(autoPlayBtn); autoPlayBtn.x = GAME_WIDTH / 2; autoPlayBtn.y = GAME_HEIGHT - 80; autoPlayBtn.onClick = toggleAutoPlay; // Upgrade button upgradeBtn = new Button("Upgrades"); game.addChild(upgradeBtn); upgradeBtn.x = GAME_WIDTH - 180; upgradeBtn.y = GAME_HEIGHT - 80; upgradeBtn.onClick = toggleUpgradePanel; // Create upgrade panel (initially hidden) createUpgradePanel(); } // Create the upgrade panel function createUpgradePanel() { upgradePanels.container = new Container(); game.addChild(upgradePanels.container); // Panel background var panelBg = upgradePanels.container.attachAsset('upgradePanel', { anchorX: 0.5, anchorY: 0.5 }); // Panel title var titleText = new Text2("Upgrades", { size: 50, fill: 0xFFFFFF }); titleText.anchor.set(0.5, 0); upgradePanels.container.addChild(titleText); titleText.y = -250; // Ball purchase buttons var ballTypes = [{ type: 'normal', name: 'Normal Ball', cost: 100 }, { type: 'fire', name: 'Fire Ball', cost: 500 }, { type: 'ice', name: 'Ice Ball', cost: 350 }, { type: 'heavy', name: 'Heavy Ball', cost: 750 }]; // Create buttons for ball purchases var yOffset = -150; ballTypes.forEach(function (ballInfo, index) { var button = new Button("".concat(ballInfo.name, " (").concat(ballInfo.cost, ")"), 400, 80); upgradePanels.container.addChild(button); button.y = yOffset + index * 100; button.onClick = function () { if (currency >= ballInfo.cost) { currency -= ballInfo.cost; updateCurrencyDisplay(); createBall(ballInfo.type); LK.getSound('purchase').play(); } }; ballButtons.push(button); }); // Add upgrade buttons for existing balls var upgradeSpeedBtn = new Button("Upgrade Ball Speed", 400, 80); upgradePanels.container.addChild(upgradeSpeedBtn); upgradeSpeedBtn.y = yOffset + ballTypes.length * 100; upgradeSpeedBtn.onClick = function () { var cost = 200 * (1 + getMaxBallUpgrade('speed')); if (currency >= cost) { currency -= cost; updateCurrencyDisplay(); upgradeBalls('speed'); upgradeSpeedBtn.setText("Upgrade Speed (".concat(200 * (1 + getMaxBallUpgrade('speed')), ")")); LK.getSound('purchase').play(); } }; var upgradeDamageBtn = new Button("Upgrade Ball Damage", 400, 80); upgradePanels.container.addChild(upgradeDamageBtn); upgradeDamageBtn.y = yOffset + (ballTypes.length + 1) * 100; upgradeDamageBtn.onClick = function () { var cost = 300 * (1 + getMaxBallUpgrade('damage')); if (currency >= cost) { currency -= cost; updateCurrencyDisplay(); upgradeBalls('damage'); upgradeDamageBtn.setText("Upgrade Damage (".concat(300 * (1 + getMaxBallUpgrade('damage')), ")")); LK.getSound('purchase').play(); } }; // Close button var closeBtn = new Button("Close", 200, 60); upgradePanels.container.addChild(closeBtn); closeBtn.y = 250; closeBtn.onClick = toggleUpgradePanel; // Update button texts upgradeSpeedBtn.setText("Upgrade Speed (".concat(200 * (1 + getMaxBallUpgrade('speed')), ")")); upgradeDamageBtn.setText("Upgrade Damage (".concat(300 * (1 + getMaxBallUpgrade('damage')), ")")); // Hide panel initially upgradePanels.container.visible = false; upgradePanels.container.x = GAME_WIDTH / 2; upgradePanels.container.y = GAME_HEIGHT / 2; } // Toggle upgrade panel visibility function toggleUpgradePanel() { upgradePanels.visible = !upgradePanels.visible; upgradePanels.container.visible = upgradePanels.visible; } // Create bricks for current level function createBricksForLevel(level) { // Clear existing bricks bricks.forEach(function (brick) { return brick.destroy(); }); bricks = []; // Calculate brick size based on grid var brickWidth = (GAME_WIDTH - (GRID_COLS + 1) * BRICK_MARGIN) / GRID_COLS; var brickHeight = 80; // Determine max health and value based on level var maxHealth = Math.ceil(level * 1.5); var baseValue = 10 * level; // Create brick grid for (var row = 0; row < GRID_ROWS; row++) { for (var col = 0; col < GRID_COLS; col++) { // Add some randomness to health var health = Math.max(1, Math.floor(maxHealth * (0.7 + Math.random() * 0.6))); // Value is proportional to health var value = Math.floor(baseValue * (health / maxHealth) * (1 + Math.random() * 0.3)); var brick = new Brick(health, value); game.addChild(brick); // Position brick in grid brick.x = BRICK_MARGIN + col * (brickWidth + BRICK_MARGIN) + brickWidth / 2; brick.y = BRICK_MARGIN + row * (brickHeight + BRICK_MARGIN) + brickHeight / 2 + 150; // Extra space at top // Scale brick to fit grid var brickAsset = brick.getChildAt(0); var scaleX = brickWidth / brickAsset.width; var scaleY = brickHeight / brickAsset.height; brickAsset.scale.set(scaleX, scaleY); bricks.push(brick); } } } // Create a new ball of specified type function createBall(type) { var ball = new Ball(type); game.addChild(ball); // Position at paddle ball.x = paddle.x; ball.y = paddle.y - 50; balls.push(ball); // If auto play is active, launch immediately if (autoPlayActive) { ball.launch(); } return ball; } // Get the highest upgrade level among all balls function getMaxBallUpgrade(upgradeType) { var maxLevel = 0; balls.forEach(function (ball) { if (ball.upgrades[upgradeType] > maxLevel) { maxLevel = ball.upgrades[upgradeType]; } }); return maxLevel; } // Upgrade all balls function upgradeBalls(upgradeType) { balls.forEach(function (ball) { ball.upgrades[upgradeType]++; }); } // Handle ball and brick collisions function handleBallBrickCollisions(ball) { var collisionDetected = false; for (var i = bricks.length - 1; i >= 0; i--) { var brick = bricks[i]; if (ball.intersects(brick)) { collisionDetected = true; // Determine which side of the brick was hit var ballCenterX = ball.x; var ballCenterY = ball.y; var brickLeft = brick.x - brick.width / 2; var brickRight = brick.x + brick.width / 2; var brickTop = brick.y - brick.height / 2; var brickBottom = brick.y + brick.height / 2; // Calculate distances to each edge var distToLeft = Math.abs(ballCenterX - brickLeft); var distToRight = Math.abs(ballCenterX - brickRight); var distToTop = Math.abs(ballCenterY - brickTop); var distToBottom = Math.abs(ballCenterY - brickBottom); // Find the smallest distance var minDist = Math.min(distToLeft, distToRight, distToTop, distToBottom); // Bounce based on collision side if (minDist === distToLeft || minDist === distToRight) { ball.direction.x *= -1; } else { ball.direction.y *= -1; } // Apply damage to brick var broken = brick.takeDamage(ball.getDamage()); if (broken) { // Brick is destroyed score += brick.value; currency += brick.value; updateScoreDisplay(); updateCurrencyDisplay(); // Play break sound LK.getSound('break').play(); // Remove brick brick.destroy(); bricks.splice(i, 1); // Check if level complete if (bricks.length === 0) { levelComplete(); } } else { // Brick was hit but not broken LK.getSound('hit').play(); } // Break after first collision break; } } return collisionDetected; } // Handle level completion function levelComplete() { level++; if (level > MAX_LEVEL) { // Game complete LK.showYouWin(); return; } // Update level display updateLevelDisplay(); // Create new bricks for next level createBricksForLevel(level); // Reset ball positions balls.forEach(function (ball) { ball.active = false; ball.x = paddle.x; ball.y = paddle.y - 50; }); // If auto play is active, launch balls after a delay if (autoPlayActive) { LK.setTimeout(function () { balls.forEach(function (ball) { return ball.launch(); }); }, 1000); } } // Toggle auto play mode function toggleAutoPlay() { autoPlayActive = !autoPlayActive; if (autoPlayActive) { // Start auto play autoPlayBtn.setText("Auto Play: ON"); // Launch all inactive balls balls.forEach(function (ball) { if (!ball.active) { ball.launch(); } }); // Set up interval to respawn lost balls autoPlayInterval = LK.setInterval(function () { balls.forEach(function (ball) { if (!ball.active) { ball.x = paddle.x; ball.y = paddle.y - 50; ball.launch(); } }); }, ballsRespawnTime); } else { // Stop auto play autoPlayBtn.setText("Auto Play: OFF"); // Clear respawn interval if (autoPlayInterval) { LK.clearInterval(autoPlayInterval); autoPlayInterval = null; } } } // Update display functions function updateScoreDisplay() { scoreTxt.setText("Score: ".concat(score)); } function updateCurrencyDisplay() { currencyTxt.setText("Coins: ".concat(currency)); } function updateLevelDisplay() { levelTxt.setText("Level: ".concat(level)); } // Handle mouse/touch events game.down = function (x, y, obj) { // Only control paddle if not clicking a button if (!upgradePanels.visible) { paddle.x = x; } }; game.move = function (x, y, obj) { // Only control paddle if not in upgrade panel if (!upgradePanels.visible) { paddle.x = x; } }; game.up = function (x, y, obj) { // If no auto play and clicked in game area (not on buttons), // launch any inactive balls if (!autoPlayActive && !upgradePanels.visible) { balls.forEach(function (ball) { if (!ball.active) { ball.x = paddle.x; ball.y = paddle.y - 50; ball.launch(); } }); } }; // Game update loop game.update = function () { // Keep paddle within bounds paddle.x = Math.max(paddle.width / 2, Math.min(GAME_WIDTH - paddle.width / 2, paddle.x)); // Update all balls for (var i = balls.length - 1; i >= 0; i--) { var ball = balls[i]; // If ball is not active and auto play is not on, position at paddle if (!ball.active && !autoPlayActive) { ball.x = paddle.x; ball.y = paddle.y - 50; } // Update ball position and check for lost ball var lost = ball.update(paddle, bricks, GAME_WIDTH, GAME_HEIGHT); // Check for collisions with bricks if (ball.active) { handleBallBrickCollisions(ball); } } // AI controls paddle in auto play mode if (autoPlayActive && balls.length > 0) { // Find the lowest active ball to track var lowestBall = null; var lowestY = -1; balls.forEach(function (ball) { if (ball.active && (lowestY < 0 || ball.y > lowestY)) { lowestBall = ball; lowestY = ball.y; } }); // Move paddle towards the ball if (lowestBall) { // Add some "AI imperfection" var targetX = lowestBall.x + (Math.random() - 0.5) * 50; var diff = targetX - paddle.x; paddle.x += diff * 0.1; // Smooth movement } } }; // Initialize the game initGame();