/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var Block = Container.expand(function () { var self = Container.call(this); self.colorType = 0; // Default color type (will be set later) self.ringPosition = 0; // 0 = center, 1 = middle, 2 = outer self.anglePosition = 0; // Angle on the ring (in radians) self.isMoving = false; self.blockSize = 120; // Slightly reduced to allow more precise collision // Properties for block's graphical asset self.blockGraphics = null; // Initialize block with a specific color self.init = function (colorType) { self.colorType = colorType; // Get the appropriate asset based on color type var assetId; switch (colorType) { case 0: assetId = 'redBlock'; break; case 1: assetId = 'blueBlock'; break; case 2: assetId = 'greenBlock'; break; case 3: assetId = 'yellowBlock'; break; case 4: assetId = 'purpleBlock'; break; case 5: // New case for aquaBlock assetId = 'aquaBlock'; break; default: assetId = 'redBlock'; } // Add graphic to the block self.blockGraphics = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5, scaleX: 1.2, scaleY: 1.2, alpha: 0.8 // Set opacity to 90% }); // Animate block size to loop from current size to 10% bigger and back tween(self.blockGraphics, { scaleX: 1.35, // 10% bigger than initial scale of 1.2 scaleY: 1.35 }, { duration: 1000, // Duration of the tween in milliseconds easing: tween.easeInOut, // Smooth easing onFinish: function onFinish() { // Reverse the tween to go back to original size tween(self.blockGraphics, { scaleX: 1.2, scaleY: 1.2 }, { duration: 2000, easing: tween.easeInOut, onFinish: function onFinish() { // Loop the animation self.init(self.colorType); } }); } }); return self; }; // Position the block on a specific ring at a specific angle self.positionOnRing = function (ringPos, angle) { self.ringPosition = ringPos; self.anglePosition = angle; // Get radius based on ring position var radius; switch (ringPos) { case 0: radius = 405; // Decrease by 10% break; // Center ring radius case 1: radius = 675; // Decrease by 10% break; // Middle ring radius case 2: radius = 945; // Decrease by 10% break; // Outer ring radius default: radius = 300; } // Calculate x,y position based on radius and angle self.x = Math.cos(angle) * radius; self.y = Math.sin(angle) * radius; }; // Shoot block outward to the next ring self.shootOutward = function () { if (self.ringPosition < 2 && !self.isMoving) { self.isMoving = true; maxMoves--; // Decrease remaining moves moveCountText.setText(maxMoves); // Update move counter display if (maxMoves <= 0) { LK.showGameOver(); // Show game over if no moves left return; } // Calculate next ring radius var nextRadius; switch (self.ringPosition) { case 0: nextRadius = 675; // Decrease by 10% break; // To middle ring case 1: nextRadius = 945; // Decrease by 10% break; // To outer ring default: nextRadius = 1100; } // Calculate target position var targetX = Math.cos(self.anglePosition) * nextRadius; var targetY = Math.sin(self.anglePosition) * nextRadius; // Store reference to 'this' var self_block = this; // Animate the block moving outward tween(self, { x: targetX, y: targetY }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { self_block.ringPosition++; self_block.isMoving = false; // Slightly delayed match checking LK.setTimeout(function () { var matchesFound = false; // Check if block collides with a different colored block var collidesWithDifferentColor = checkDifferentColorCollision(self_block); // If collision with different color is found, bounce back if (collidesWithDifferentColor) { self_block.shootBackward(); } else { // Check for matches of same color matchesFound = checkMatches(self_block); } }, 50); } }); // Play shoot sound LK.getSound('shoot').play(); } }; // Used to handle clicks on blocks self.down = function (x, y, obj) { if (self.ringPosition === 0 || self.ringPosition === 1) { self.shootOutward(); } else if (self.ringPosition === 2) { self.moveToMiddleRing(); } }; // Update block's position in the game loop based on ring rotation self.update = function () { if (!self.isMoving) { // Update angle based on ring rotation speeds if (self.ringPosition === 0) { self.anglePosition += ringRotationSpeeds[0]; } else if (self.ringPosition === 1) { self.anglePosition += ringRotationSpeeds[1]; } else if (self.ringPosition === 2) { self.anglePosition += ringRotationSpeeds[2]; } // Normalize angle to be within 0 and 2π self.anglePosition = (self.anglePosition + Math.PI * 2) % (Math.PI * 2); // Get radius based on ring position var radius; switch (self.ringPosition) { case 0: radius = 405; // Decrease by 10% break; case 1: radius = 675; // Decrease by 10% break; case 2: radius = 945; // Decrease by 10% break; default: radius = 500; } // Define angle variable var angle = self.anglePosition; // Update x,y position based on radius and angle self.x = Math.cos(angle) * radius; self.y = Math.sin(angle) * radius; // Rotate block to always face outward and spin slowly self.blockGraphics.rotation = 0; } }; // Method to shoot block back to original ring if no match is found self.shootBackward = function () { if (self.ringPosition > 0 && !self.isMoving) { self.isMoving = true; // Calculate previous ring radius var prevRadius; switch (self.ringPosition) { case 1: prevRadius = 405; // Decrease by 10% // Back to center ring break; case 2: prevRadius = 675; // Decrease by 10% // Back to middle ring break; default: prevRadius = 500; } // Calculate target position var targetX = Math.cos(self.anglePosition) * prevRadius; var targetY = Math.sin(self.anglePosition) * prevRadius; // Animate the block moving backward tween(self, { x: targetX, y: targetY }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { self.ringPosition--; self.isMoving = false; } }); } }; // Method to move block to theupdateLivesDisplay middle ring self.moveToMiddleRing = function () { if (self.ringPosition === 2 && !self.isMoving) { self.isMoving = true; maxMoves--; // Decrease remaining moves moveCountText.setText(maxMoves); // Update move counter display if (maxMoves <= 0) { LK.showGameOver(); // Show game over if no moves left return; } // Calculate middle ring radius var middleRadius = 675; // Decrease by 10% // Calculate target position var targetX = Math.cos(self.anglePosition) * middleRadius; var targetY = Math.sin(self.anglePosition) * middleRadius; // Animate the block moving to the middle ring tween(self, { x: targetX, y: targetY }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { self.ringPosition = 1; self.isMoving = false; // Check for matches of same color after moving to middle ring checkMatches(self); } }); } }; return self; }); var ElectricSparkButton = Container.expand(function () { var self = Container.call(this); var buttonGraphics = self.attachAsset('Electric_spark', { anchorX: 0.5, anchorY: 1.1 }); self.down = function (x, y, obj) { if (!electricSparkUsed) { // Stop blocks for 2 seconds var originalSpeeds = ringRotationSpeeds.slice(); ringRotationSpeeds = [0, 0, 0]; // Stop all rings LK.setTimeout(function () { // Restore original speeds after 2 seconds ringRotationSpeeds = originalSpeeds; activateElectricSpark(); }, 2000); electricSparkUsed = true; // Set the flag to true after using the electric spark buttonGraphics.alpha = 0.4; // Reduce opacity by 20% // Show Electric Shock asset var electricShockAsset = LK.getAsset('Electric_shock', { anchorX: 0.5, anchorY: 0.5 }); electricShockAsset.x = LK.width / 2; electricShockAsset.y = LK.height / 2; LK.gui.center.addChild(electricShockAsset); // Play Shock sound LK.getSound('Shock').play(); // Remove Electric Shock asset after 2 seconds LK.setTimeout(function () { if (electricShockAsset.parent) { electricShockAsset.parent.removeChild(electricShockAsset); } }, 2000); } }; return self; }); var PowerUpButton = Container.expand(function () { var self = Container.call(this); var buttonGraphics = self.attachAsset('powerUpButton', { anchorX: 0.2, anchorY: 1 }); self.down = function (x, y, obj) { if (!powerUpUsed) { activatePowerUp(); powerUpUsed = true; // Set the flag to true after using the power-up buttonGraphics.alpha = 0.4; // Reduce opacity by 20% LK.getSound('Freeze').play(); // Play the freeze sound } }; return self; }); var Ring = Container.expand(function () { var self = Container.call(this); self.ringPosition = 0; // 0 = center, 1 = middle, 2 = outer self.ringGraphics = null; self.init = function (position) { self.ringPosition = position; // Get appropriate asset based on position var assetId; switch (position) { case 0: assetId = 'centerRing'; break; case 1: assetId = 'middleRing'; break; case 2: assetId = 'outerRing'; break; default: assetId = 'centerRing'; } // Attach ring graphic self.ringGraphics = self.attachAsset(assetId, { anchorX: 0.5, anchorY: 0.5, alpha: position === 2 ? 0.9 : 1.0 // Set opacity to 0.5 for outer ring }); return self; }; // Update ring's rotation in the game loop self.update = function () { // Removed rotation update to stop the background from rotating }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x000000 }); /**** * Game Code ****/ function activateElectricSpark() { // Calculate number of blocks to remove (50% of current blocks) var blocksToRemove = Math.floor(blocks.length / 2); if (blocksToRemove % 2 !== 0) { blocksToRemove -= 1; // Ensure the number of blocks to remove is even } // Shuffle blocks array to randomize which blocks to remove shuffleArray(blocks); // Create a map to track the count of each color var colorCount = {}; blocks.forEach(function (block) { if (!colorCount[block.colorType]) { colorCount[block.colorType] = 0; } colorCount[block.colorType]++; }); // Remove the calculated number of blocks var removedCount = 0; for (var i = 0; i < blocks.length && removedCount < blocksToRemove; i++) { var block = blocks[i]; if (block.parent && colorCount[block.colorType] > 2) { block.parent.removeChild(block); blocks.splice(i, 1); i--; // Adjust index after removal removedCount++; colorCount[block.colorType]--; } } } // Initialize power-up button asset function activatePowerUp() { // Save current speeds var originalSpeeds = ringRotationSpeeds.slice(); // Slow down speeds by 80% ringRotationSpeeds = ringRotationSpeeds.map(function (speed) { return speed * 0.2; }); // Define freezeAsset to fix the 'not defined' error var freezeAsset = LK.getAsset('Freeze', { anchorX: 0.5, anchorY: 0.5, alpha: 0.3 }); freezeAsset.x = LK.width / 2; freezeAsset.y = LK.height / 2; LK.gui.center.addChild(freezeAsset); // Restore original speeds and remove freezeAsset after 5 seconds LK.setTimeout(function () { ringRotationSpeeds = originalSpeeds; if (freezeAsset.parent) { freezeAsset.parent.removeChild(freezeAsset); } }, 5000); } // Game constants var NUM_COLORS = 6; // Number of different block colors var BLOCKS_PER_RING = [4, 6, 8]; // Initial number of blocks per ring var MAX_LEVEL = 10; // Maximum game level // Game variables var powerUpUsed = false; // Flag to track if the power-up button has been used var electricSparkUsed = false; // Flag to track if the electric spark button has been used var level = 1; // Current level var score = 0; // Player's score var playerLives = 2; // Player's lives var livesIcons = []; // Array to hold life icons var collisionCount = {}; // Track collisions for each block var ringRotationSpeeds = [0.005, 0.003, 0.002]; // Rotation speed for each ring (in radians) var matchStreak = 0; // Current match streak var moveCount = 0; // Counter for the number of moves made by the player var maxMoves = 0; // Maximum number of moves allowed for the current level var gameStarted = false; // Flag to check if game has started // Game elements var rings = []; // Array to hold the three ring containers var blocks = []; // Array to hold all blocks var scoreText; // Text for displaying score var levelText; // Text for displaying level var moveCountText; // Text for displaying move count var centerPoint; // Center point of the game area // Improved collision detection function blocksCollide(block1, block2) { // Increase collision size beyond the block's visual size var collisionSize = block1.blockSize * 1.5; // 50% larger hitbox var dx = block1.x - block2.x; var dy = block1.y - block2.y; var distance = Math.sqrt(dx * dx + dy * dy); return distance < collisionSize; } // Check for collision with different color blocks function checkDifferentColorCollision(movedBlock) { if (!movedBlock) { return false; } // Check for collision with different color blocks for (var i = 0; i < blocks.length; i++) { var block = blocks[i]; if (block.colorType !== movedBlock.colorType && blocksCollide(block, movedBlock)) { // Increment collision count for the block if (!collisionCount[movedBlock]) { collisionCount[movedBlock] = 0; } collisionCount[movedBlock]++; // Check if the block has collided twice if (collisionCount[movedBlock] >= 1) { playerLives--; updateLivesDisplay(); // Update lives display if (playerLives <= 0) { storage.lastLevel = level; // Save the current level LK.showGameOver(); // Game over if no lives left } collisionCount[movedBlock] = 0; // Reset collision count for the block } return true; // Collided with a different color block } } return false; } // Update the visual lives display function updateLivesDisplay() { // Remove all existing life icons for (var i = 0; i < livesIcons.length; i++) { if (livesIcons[i].parent) { livesIcons[i].parent.removeChild(livesIcons[i]); } } livesIcons = []; // Clear the array // Add life icons based on current playerLives for (var i = 0; i < playerLives; i++) { var lifeIcon = LK.getAsset('Heart', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.9, scaleY: 0.9 }); // Simple side-by-side positioning // Start 100px from left edge, each heart 80px apart (75px + 5px padding) lifeIcon.x = -20 + i * 100; lifeIcon.y = 50; // Position at the top with padding LK.gui.top.addChild(lifeIcon); livesIcons.push(lifeIcon); } } // Check if blocks match - Improved version function checkMatches(movedBlock) { if (!movedBlock) { return false; } var matchedBlocks = []; matchedBlocks.push(movedBlock); // Find all blocks of the same color that intersect with any matched block var foundNewMatch = true; while (foundNewMatch) { foundNewMatch = false; for (var i = 0; i < blocks.length; i++) { var block = blocks[i]; // Skip if not the same color or already in matched blocks if (block.colorType !== movedBlock.colorType || matchedBlocks.includes(block)) { continue; } // Check if this block collides with any already matched block for (var j = 0; j < matchedBlocks.length; j++) { if (blocksCollide(block, matchedBlocks[j])) { matchedBlocks.push(block); foundNewMatch = true; break; } } } } // If we found exactly 2 matching blocks (including the moved one) if (matchedBlocks.length === 2) { // Remove the matched blocks matchedBlocks.forEach(function (block) { var index = blocks.indexOf(block); if (index > -1) { blocks.splice(index, 1); delete collisionCount[block]; // Reset collision count for the block // Animate removal with soft, sparkly bubbles effect tween(block, { scaleX: 1.5, scaleY: 1.5, alpha: 0 }, { duration: 500, easing: tween.easeOut, onFinish: function onFinish() { if (block.parent) { block.parent.removeChild(block); } // Create sparkly bubbles effect for (var i = 0; i < 10; i++) { var bubble = LK.getAsset('bubble', { anchorX: 0.5, anchorY: 0.5, scaleX: Math.random() * 0.5 + 0.5, scaleY: Math.random() * 0.5 + 0.5, alpha: 1 }); bubble.x = block.x; bubble.y = block.y; centerPoint.addChild(bubble); tween(bubble, { x: bubble.x + (Math.random() - 0.5) * 300, y: bubble.y + (Math.random() - 0.5) * 300, alpha: 0 }, { duration: 1000, easing: tween.easeOut, onFinish: function onFinish() { if (bubble.parent) { bubble.parent.removeChild(bubble); } } }); } } }); } }); // Update score score += matchedBlocks.length * 10; scoreText.setText('Score ' + score); LK.getSound('match').play(); checkLevelComplete(); // check if level is complete. return true; } return false; } // Initialize game UI elements - UPDATED FUNCTION function initUI() { // Initialize lives display scoreText = new Text2('Score 0', { size: 70, fill: 0xFFFFFF, font: "'Garamond', 'Times New Roman', Times, serif" // Use Garamond font }); scoreText.anchor.set(0.5, 1); // Center-bottom aligned scoreText.x = LK.width / 2; // Center horizontally scoreText.y = LK.height - 200; // Position above the bottom scoreText.alpha = 0.8; // Set opacity to 80% LK.gui.bottom.addChild(scoreText); // Add power-up button to the game var powerUpButton = new PowerUpButton(); powerUpButton.x = 50; // Position at left edge with padding powerUpButton.y = LK.height - 50; // Position at bottom with padding LK.gui.bottomLeft.addChild(powerUpButton); // Add electric_spark button next to the powerUpButton var electricSparkButton = new ElectricSparkButton(); electricSparkButton.x = 280; // Position next to powerUpButton electricSparkButton.y = LK.height - 150; // Move up by 100 pixels LK.gui.bottomLeft.addChild(electricSparkButton); // Moves counter display - Top right corner moveCountText = new Text2('0', { size: 100, fill: 0xFFFFFF, font: "'Garamond', 'Times New Roman', Times, serif" // Use Garamond font }); moveCountText.anchor.set(1, 0); // Right-aligned moveCountText.x = LK.width - 50; // Position at right edge with padding moveCountText.y = 0; // Top position with padding moveCountText.alpha = 0.8; // Set opacity to 80% LK.gui.topRight.addChild(moveCountText); // Level display - Bottom right corner levelText = new Text2('Level 1', { size: 70, fill: 0xFFFFFF, font: "'Garamond', 'Times New Roman', Times, serif" // Use Garamond font }); levelText.anchor.set(1, 1); // Right-bottom aligned levelText.x = LK.width - 50; // Position at right edge with padding levelText.y = LK.height - 50; // Position at bottom with padding levelText.alpha = 0.8; // Set opacity to 80% LK.gui.bottomRight.addChild(levelText); // Initialize lives display updateLivesDisplay(); } // Initialize rings function initRings() { // Create the rings for (var i = 0; i < 3; i++) { var ring = new Ring().init(i); rings.push(ring); centerPoint.addChild(ring); } } // Helper function to shuffle an array (Fisher-Yates algorithm) function shuffleArray(array) { for (var i = array.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = array[i]; array[i] = array[j]; array[j] = temp; } return array; } // Initialize blocks for a new level - FIXED FUNCTION function initBlocks() { // Clear existing blocks for (var i = blocks.length - 1; i >= 0; i--) { if (blocks[i].parent) { blocks[i].parent.removeChild(blocks[i]); } blocks.splice(i, 1); } // Calculate max moves based on total number of blocks maxMoves = 0; for (var ringIndex = 0; ringIndex < 3; ringIndex++) { var numBlocks = BLOCKS_PER_RING[ringIndex] + (level - 1) * 2; // Increase blocks by an even number for each level maxMoves += numBlocks; // Add number of blocks to max moves } maxMoves += level * 2; // Add fewer extra moves based on level difficulty to increase difficulty moveCountText.setText(maxMoves); // Update move counter display // Create blocks for each ring for (var ringIndex = 0; ringIndex < 3; ringIndex++) { var numBlocks = BLOCKS_PER_RING[ringIndex] + (level - 1) * 2; // Increase blocks by an even number for each level // Ensure number of blocks is even if (numBlocks % 2 !== 0) { numBlocks += 1; // Make it even if it's not BLOCKS_PER_RING[ringIndex] = numBlocks; // Update the constant } var angleStep = Math.PI * 2 / numBlocks; // Create an array of color pairs var colorPairs = []; for (var i = 0; i < numBlocks / 2; i++) { // Choose a random color for this pair var colorType = Math.floor(Math.random() * NUM_COLORS); colorPairs.push(colorType, colorType); // Add the pair } // Shuffle the color pairs to randomize positions shuffleArray(colorPairs); // Place the blocks around the ring for (var blockIndex = 0; blockIndex < numBlocks; blockIndex++) { var angle = blockIndex * angleStep; var colorType = colorPairs[blockIndex]; var block = new Block().init(colorType); block.positionOnRing(ringIndex, angle); blocks.push(block); centerPoint.addChild(block); } } } // Update rotation speeds based on level function updateDifficulty() { // Adjust speeds based on level (making the game progressively harder) var baseSpeed = 0.002 + level * 0.0005; // Increase base speed with level // Center ring ringRotationSpeeds[0] = baseSpeed * 2.5; // Middle ring (always rotates in the opposite direction) ringRotationSpeeds[1] = -baseSpeed * 1.5; // Outer ring (slower) ringRotationSpeeds[2] = level % 3 === 0 ? -baseSpeed * 0.5 : baseSpeed * 0.5; // Update level display levelText.setText('Level ' + level); } // Check if the level is complete (few blocks remaining) function checkLevelComplete() { // Count blocks on outer two rings var outerBlockCount = 0; for (var i = 0; i < blocks.length; i++) { if (blocks[i].ringPosition > 0) { outerBlockCount++; } } // If no blocks remain, level is complete if (outerBlockCount === 0) { // Advance to next level level++; if (level > MAX_LEVEL) { // Game won LK.showYouWin(); } else { // Start next level LK.getSound('levelUp').play(); // Reset move count for the new level moveCount = 0; // Reset move count maxMoves = 0; // Reset max moves moveCountText.setText(maxMoves); // Update move counter display // Delay to give player a moment to see cleared board LK.setTimeout(function () { updateDifficulty(); initBlocks(); }, 1000); } } } // Start the game function startGame() { // Reset game state level = storage.lastLevel || 1; // Load the last saved level or start from level 1 score = 0; playerLives = 2; matchStreak = 0; moveCount = 0; gameStarted = true; powerUpUsed = false; // Reset power-up used flag // Initialize UI initUI(); // Setup difficulty for level 1 updateDifficulty(); // Create blocks initBlocks(); // Play background music LK.playMusic('gameMusic'); } // Initialize the game function init() { // Add intro_background asset on top of everything else var introBackground = LK.getAsset('intro_background', { anchorX: 0.5, anchorY: 0.5 }); introBackground.x = LK.width / 2; introBackground.y = LK.height / 2; LK.gui.center.addChild(introBackground); // Add Intro_logo asset and animate it to move up and down in a loop var introLogo = LK.getAsset('Intro_logo', { anchorX: 0.5, anchorY: 0.0 }); introLogo.x = LK.width / 2; introLogo.y = LK.height / 2 + 100; // Move the logo down LK.gui.center.addChild(introLogo); // Add click event to dissolve intro_logo and intro_background introLogo.down = function (x, y, obj) { tween(introLogo, { alpha: 0 }, { duration: 400, easing: tween.easeOut, onFinish: function onFinish() { if (introLogo.parent) { introLogo.parent.removeChild(introLogo); } } }); tween(introBackground, { alpha: 0 }, { duration: 400, easing: tween.easeOut, onFinish: function onFinish() { if (introBackground.parent) { introBackground.parent.removeChild(introBackground); } } }); }; // Create a tween to animate the logo up and down function animateLogo() { tween(introLogo, { y: introLogo.y + 20 }, { duration: 1000, easing: tween.easeInOut, onFinish: function onFinish() { tween(introLogo, { y: introLogo.y - 20 }, { duration: 1000, easing: tween.easeInOut, onFinish: animateLogo // Loop the animation }); } }); } animateLogo(); // Create center point for the game centerPoint = game.addChild(new Container()); centerPoint.x = 2048 / 2; centerPoint.y = 2732 / 2; // Initialize rings initRings(); // Start the game startGame(); } // Event handlers game.down = function (x, y, obj) { // Game specific logic can be added here }; game.move = function (x, y, obj) { // Game specific logic can be added here }; game.up = function (x, y, obj) { // Game specific logic can be added here }; // Main game update loop game.update = function () { // Skip updates if game hasn't started if (!gameStarted) { return; } // Update blocks for (var i = 0; i < blocks.length; i++) { blocks[i].update(); } // Re-enable power-up button when score reaches 1000 if (score >= 1000 && powerUpUsed) { powerUpUsed = false; var powerUpButton = LK.gui.bottomLeft.getChildByName('powerUpButton'); if (powerUpButton) { powerUpButton.alpha = 1.0; // Reset opacity to full } } }; // Initialize the game init();