/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var BlockTile = Container.expand(function () { var self = Container.call(this); self.gridX = 0; self.gridY = 0; self.isBlock = true; self.isAnimating = false; self.blockGraphics = self.attachAsset('block', { anchorX: 0.5, anchorY: 0.5 }); self.down = function (x, y, obj) { // Blocks can't be selected }; return self; }); var CarTile = Container.expand(function () { var self = Container.call(this); self.carType = 0; self.gridX = 0; self.gridY = 0; self.isSelected = false; self.isAnimating = false; self.setCarType = function (type) { self.carType = type; // Remove existing car graphics if (self.carGraphics) { self.removeChild(self.carGraphics); } var carAssets = ['red_car', 'blue_car', 'green_car', 'yellow_car', 'purple_car', 'orange_car']; self.carGraphics = self.attachAsset(carAssets[type], { anchorX: 0.5, anchorY: 0.5 }); }; self.setSelected = function (selected) { self.isSelected = selected; if (self.carGraphics) { self.carGraphics.alpha = selected ? 0.7 : 1.0; } }; self.animateToPosition = function (newX, newY, duration, onComplete) { if (duration === undefined) duration = 300; self.isAnimating = true; tween(self, { x: newX, y: newY }, { duration: duration, easing: tween.easeOut, onFinish: function onFinish() { self.isAnimating = false; if (onComplete) onComplete(); } }); }; self.down = function (x, y, obj) { if (!self.isAnimating) { game.selectTile(self); } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x2c3e50 }); /**** * Game Code ****/ var GRID_SIZE = 8; var TILE_SIZE = 220; var GRID_OFFSET_X = 200; var GRID_OFFSET_Y = 400; var grid = []; var selectedTile = null; var score = 0; var moves = 30; var level = 1; var targetScore = 2400; var isProcessingMatches = false; var specialMoves = 3; var isSpecialMoveMode = false; var specialMoveFirstTile = null; var tasks = []; var taskPanelOpen = false; var taskPanel = null; var taskButton = null; var taskTexts = []; var levelTransitionScreen = null; var isLevelTransition = false; var startScreen = null; var isGameStarted = false; // Add parking lot background var parkingBackground = game.attachAsset('parking_lot', { anchorX: 0, anchorY: 0, x: 0, y: 0 }); // Add transparent grid cube overlay for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { var gridCube = game.attachAsset('grid_cube', { anchorX: 0.5, anchorY: 0.5, x: GRID_OFFSET_X + col * TILE_SIZE, y: GRID_OFFSET_Y + row * TILE_SIZE, alpha: 0.1 }); } } // Initialize score display var scoreTxt = new Text2('SCORE: 0', { size: 75, fill: 0xFFD700, font: "Arial Black" }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); // Initialize moves display var movesTxt = new Text2('MOVES: 30', { size: 65, fill: 0x00FF7F, font: "Arial Black" }); movesTxt.anchor.set(1, 0); movesTxt.x = -50; movesTxt.y = 50; LK.gui.topRight.addChild(movesTxt); // Initialize target display var targetTxt = new Text2('TARGET: 2400', { size: 65, fill: 0xFF6B6B, font: "Arial Black" }); targetTxt.anchor.set(0, 0); targetTxt.x = 50; targetTxt.y = 50; LK.gui.topLeft.addChild(targetTxt); // Initialize level display var levelTxt = new Text2('LEVEL: 1', { size: 70, fill: 0x4ECDC4, font: "Arial Black" }); levelTxt.anchor.set(0, 0); levelTxt.x = 50; levelTxt.y = 130; LK.gui.topLeft.addChild(levelTxt); // Initialize special move button with circular asset var specialMoveBtn = game.attachAsset('special_move_button', { anchorX: 0.5, anchorY: 1, x: 2048 / 2, y: 2732 - 80 }); // Hide initially until game starts specialMoveBtn.alpha = 0; // Initialize special moves counter text var specialMoveText = new Text2('3', { size: 120, fill: 0xFFFFFF }); specialMoveText.anchor.set(0.5, 0.5); specialMoveText.x = specialMoveBtn.x; specialMoveText.y = specialMoveBtn.y - 60; // Hide initially until game starts specialMoveText.alpha = 0; game.addChild(specialMoveText); // Add button interaction specialMoveBtn.down = function (x, y, obj) { if (specialMoves > 0 && !isProcessingMatches && !isSpecialMoveMode) { isSpecialMoveMode = true; specialMoveFirstTile = null; specialMoveBtn.tint = 0xFFFF00; // Yellow when active specialMoveText.setText('?'); } }; // Initialize task system function initializeTasks() { var carColors = ['red', 'blue', 'green', 'yellow', 'purple', 'orange']; tasks = [{ id: 1, description: 'Score 1500 points', target: 1500, current: 0, type: 'score', completed: false, reward: 1 }, { id: 2, description: 'Make 15 matches', target: 15, current: 0, type: 'matches', completed: false, reward: 1 }, { id: 3, description: 'Clear 45 cars', target: 45, current: 0, type: 'cars_cleared', completed: false, reward: 2 }, { id: 4, description: 'Clear 24 red cars', target: 24, current: 0, type: 'red_cars', completed: false, reward: 1 }, { id: 5, description: 'Clear 18 blue cars', target: 18, current: 0, type: 'blue_cars', completed: false, reward: 1 }, { id: 6, description: 'Clear 15 green cars', target: 15, current: 0, type: 'green_cars', completed: false, reward: 2 }]; createTaskUI(); } // Create task UI panel function createTaskUI() { // Task button at bottom of screen taskButton = game.attachAsset('special_move_button', { anchorX: 0.5, anchorY: 1, x: 200, y: 2732 - 80 }); taskButton.scaleX = 0.8; taskButton.scaleY = 0.8; // Hide initially until game starts taskButton.alpha = 0; // Add glowing effect to task button tween(taskButton, { tint: 0x55DDFF }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { tween(taskButton, { tint: 0x0099CC }, { duration: 800, easing: tween.easeInOut, onFinish: arguments.callee }); } }); var taskButtonText = new Text2('TASKS', { size: 40, fill: 0xFFFFFF }); taskButtonText.anchor.set(0.5, 0.5); taskButtonText.x = taskButton.x; taskButtonText.y = taskButton.y - 50; // Hide initially until game starts taskButtonText.alpha = 0; game.addChild(taskButtonText); // Task panel (initially hidden) taskPanel = new Container(); taskPanel.x = 100; taskPanel.y = 2732; // Start below screen game.addChild(taskPanel); // Task panel main background var panelBg = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 9, scaleY: 5.5, alpha: 0.95 }); panelBg.tint = 0x1a252f; taskPanel.addChild(panelBg); // Task panel border/frame var panelBorder = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 9.2, scaleY: 5.7, alpha: 0.8 }); panelBorder.tint = 0x3498db; panelBorder.x = -20; panelBorder.y = -20; taskPanel.addChild(panelBorder); // Move main background to front taskPanel.removeChild(panelBg); taskPanel.addChild(panelBg); // Task panel title background var titleBg = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 8.5, scaleY: 0.8, alpha: 0.9 }); titleBg.tint = 0x2c3e50; titleBg.x = 20; titleBg.y = 15; taskPanel.addChild(titleBg); // Task panel title var titleText = new Text2('TASKS', { size: 60, fill: 0xFFD700 }); titleText.anchor.set(0.5, 0); titleText.x = panelBg.width / 2; titleText.y = 20; taskPanel.addChild(titleText); // Close button for task panel var closeButton = LK.getAsset('special_move_button', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.3, scaleY: 0.3 }); closeButton.x = panelBg.width - 60; closeButton.y = 60; closeButton.tint = 0xff4444; taskPanel.addChild(closeButton); var closeButtonText = new Text2('X', { size: 30, fill: 0xFFFFFF }); closeButtonText.anchor.set(0.5, 0.5); closeButtonText.x = closeButton.x; closeButtonText.y = closeButton.y; taskPanel.addChild(closeButtonText); // Close button interaction closeButton.down = function (x, y, obj) { if (taskPanelOpen) { toggleTaskPanel(); } }; // Create task texts with backgrounds taskTexts = []; for (var i = 0; i < tasks.length; i++) { // Task item background var taskBg = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 8, scaleY: 1, alpha: 0.3 }); taskBg.tint = i % 2 === 0 ? 0x34495e : 0x2c3e50; // Alternating colors taskBg.x = 40; taskBg.y = 110 + i * 120; taskPanel.addChild(taskBg); // Task reward indicator var rewardIndicator = LK.getAsset('special_move_button', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.2, scaleY: 0.2 }); rewardIndicator.tint = 0xFFD700; rewardIndicator.x = panelBg.width - 100; rewardIndicator.y = 150 + i * 120; taskPanel.addChild(rewardIndicator); var rewardText = new Text2('+' + tasks[i].reward, { size: 24, fill: 0xFFFFFF }); rewardText.anchor.set(0.5, 0.5); rewardText.x = rewardIndicator.x; rewardText.y = rewardIndicator.y; taskPanel.addChild(rewardText); var taskText = new Text2('', { size: 48, fill: 0xFFD700 }); taskText.anchor.set(0, 0); taskText.x = 60; taskText.y = 120 + i * 120; taskPanel.addChild(taskText); taskTexts.push(taskText); } updateTaskDisplay(); // Task button interaction taskButton.down = function (x, y, obj) { toggleTaskPanel(); }; } // Create level transition screen // Create start screen UI function function createStartScreen() { startScreen = new Container(); startScreen.x = 0; startScreen.y = 0; game.addChild(startScreen); // Game title var titleText = new Text2('CAR MATCH', { size: 180, fill: 0xFFD700 }); titleText.anchor.set(0.5, 0.5); titleText.x = 2048 / 2; titleText.y = 2732 / 2 - 400; startScreen.addChild(titleText); // Subtitle var subtitleText = new Text2('Match 3 Cars to Clear the Board!', { size: 90, fill: 0xFFFFFF }); subtitleText.anchor.set(0.5, 0.5); subtitleText.x = 2048 / 2; subtitleText.y = 2732 / 2 - 250; startScreen.addChild(subtitleText); // Instructions var instructionText = new Text2('• Swap adjacent cars to make matches\n• Complete tasks to earn special moves\n• Reach the target score to advance', { size: 70, fill: 0xCCCCCC }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 2048 / 2; instructionText.y = 2732 / 2 - 50; startScreen.addChild(instructionText); // Start button var startButton = LK.getAsset('grid_cube', { anchorX: 0.5, anchorY: 0.5, scaleX: 5, scaleY: 1.8 }); startButton.tint = 0x27ae60; startButton.x = 2048 / 2; startButton.y = 2732 / 2 + 250; startScreen.addChild(startButton); var startButtonText = new Text2('START GAME', { size: 100, fill: 0xFFFFFF }); startButtonText.anchor.set(0.5, 0.5); startButtonText.x = startButton.x; startButtonText.y = startButton.y; startScreen.addChild(startButtonText); // Button interaction startButton.down = function (x, y, obj) { if (!isGameStarted) { hideStartScreen(); } }; // Add pulsing glow effect to start button tween(startButton, { tint: 0x2ecc71 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { tween(startButton, { tint: 0x27ae60 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { if (!isGameStarted) { // Repeat glow effect tween(startButton, { tint: 0x2ecc71 }, { duration: 800, easing: tween.easeInOut, onFinish: arguments.callee }); } } }); } }); } function createLevelTransitionScreen() { levelTransitionScreen = new Container(); levelTransitionScreen.x = 0; levelTransitionScreen.y = 0; game.addChild(levelTransitionScreen); // Semi-transparent background var transitionBg = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 10.24, scaleY: 13.66, alpha: 0.9 }); transitionBg.tint = 0x1a252f; levelTransitionScreen.addChild(transitionBg); // Level complete text var levelCompleteText = new Text2('LEVEL ' + level + ' COMPLETE!', { size: 120, fill: 0x00FF00 }); levelCompleteText.anchor.set(0.5, 0.5); levelCompleteText.x = 2048 / 2; levelCompleteText.y = 2732 / 2 - 300; levelTransitionScreen.addChild(levelCompleteText); // Score display var finalScoreText = new Text2('Final Score: ' + score, { size: 80, fill: 0xFFFFFF }); finalScoreText.anchor.set(0.5, 0.5); finalScoreText.x = 2048 / 2; finalScoreText.y = 2732 / 2 - 150; levelTransitionScreen.addChild(finalScoreText); // Next level info var nextLevelText = new Text2('LEVEL ' + (level + 1), { size: 100, fill: 0xFFD700 }); nextLevelText.anchor.set(0.5, 0.5); nextLevelText.x = 2048 / 2; nextLevelText.y = 2732 / 2; levelTransitionScreen.addChild(nextLevelText); // Continue button var continueButton = LK.getAsset('grid_cube', { anchorX: 0.5, anchorY: 0.5, scaleX: 4, scaleY: 1.5 }); continueButton.tint = 0x27ae60; continueButton.x = 2048 / 2; continueButton.y = 2732 / 2 + 200; levelTransitionScreen.addChild(continueButton); var continueButtonText = new Text2('CONTINUE', { size: 80, fill: 0xFFFFFF }); continueButtonText.anchor.set(0.5, 0.5); continueButtonText.x = continueButton.x; continueButtonText.y = continueButton.y; levelTransitionScreen.addChild(continueButtonText); // Button interaction continueButton.down = function (x, y, obj) { if (isLevelTransition) { hideLevelTransitionScreen(); } }; // Add glow effect to button tween(continueButton, { tint: 0x2ecc71 }, { duration: 500, easing: tween.easeInOut, onFinish: function onFinish() { tween(continueButton, { tint: 0x27ae60 }, { duration: 500, easing: tween.easeInOut, onFinish: function onFinish() { if (isLevelTransition) { // Repeat glow effect tween(continueButton, { tint: 0x2ecc71 }, { duration: 500, easing: tween.easeInOut, onFinish: arguments.callee }); } } }); } }); } function showLevelTransitionScreen() { isLevelTransition = true; createLevelTransitionScreen(); levelTransitionScreen.alpha = 0; tween(levelTransitionScreen, { alpha: 1 }, { duration: 300, easing: tween.easeOut }); } function showStartScreen() { isGameStarted = false; createStartScreen(); startScreen.alpha = 0; tween(startScreen, { alpha: 1 }, { duration: 500, easing: tween.easeOut }); } function hideStartScreen() { isGameStarted = true; tween(startScreen, { alpha: 0 }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { if (startScreen) { startScreen.destroy(); startScreen = null; } // Initialize game after start screen is hidden startGame(); } }); } function hideLevelTransitionScreen() { isLevelTransition = false; tween(levelTransitionScreen, { alpha: 0 }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { if (levelTransitionScreen) { levelTransitionScreen.destroy(); levelTransitionScreen = null; } // Start next level after transition screen is hidden nextLevel(); } }); } // Toggle task panel visibility function toggleTaskPanel() { taskPanelOpen = !taskPanelOpen; var targetY = taskPanelOpen ? 2732 - 550 : 2732; tween(taskPanel, { y: targetY }, { duration: 300, easing: tween.easeOut }); } // Update task display function updateTaskDisplay() { for (var i = 0; i < tasks.length; i++) { var task = tasks[i]; var status; var progress = task.current / task.target; if (task.completed) { status = '✓ COMPLETED'; } else if (task.type === 'mixed_colors') { status = task.color1Count + '/' + task.target + ' ' + task.color1 + ', ' + task.color2Count + '/' + task.target + ' ' + task.color2; } else { status = task.current + '/' + task.target; } var text = task.description + '\n' + status; if (task.completed) { taskTexts[i].fill = 0x2ecc71; // Bright green for completed taskTexts[i].alpha = 1.0; // Add completion glow effect var taskBg = taskPanel.children[4 + i * 4]; // Get task background if (taskBg) { tween(taskBg, { tint: 0x27ae60 }, { duration: 300, easing: tween.easeOut }); } } else { // Color based on progress if (progress >= 0.8) { taskTexts[i].fill = 0xf39c12; // Orange when close } else if (progress >= 0.5) { taskTexts[i].fill = 0xe74c3c; // Red when halfway } else { taskTexts[i].fill = 0x3498db; // Blue when starting } taskTexts[i].alpha = 0.9; } taskTexts[i].setText(text); } } // Check and complete tasks function checkTasks() { for (var i = 0; i < tasks.length; i++) { var task = tasks[i]; if (!task.completed) { var shouldComplete = false; if (task.type === 'score' && score >= task.target) { task.current = score; shouldComplete = true; } else if (task.type === 'matches' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'cars_cleared' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'red_cars' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'blue_cars' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'green_cars' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'yellow_cars' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'purple_cars' && task.current >= task.target) { shouldComplete = true; } else if (task.type === 'orange_cars' && task.current >= task.target) { shouldComplete = true; } if (shouldComplete) { task.completed = true; // Add exactly one special move for each completed task specialMoves += 1; // Make special move button glow instead of screen flash tween(specialMoveBtn, { tint: 0x00FF00 }, { duration: 200, easing: tween.easeOut, onFinish: function onFinish() { tween(specialMoveBtn, { tint: 0xFFFFFF }, { duration: 200, easing: tween.easeOut }); } }); updateSpecialMoveUI(); // Add a harder task when one is completed addHarderTask(); } } } updateTaskDisplay(); } // Update tasks based on game events function updateTaskProgress(type, amount) { for (var i = 0; i < tasks.length; i++) { var task = tasks[i]; if (!task.completed && task.type === type) { task.current += amount; if (task.current > task.target) task.current = task.target; } else if (!task.completed && task.type === 'mixed_colors') { // Handle mixed color tasks if (type === task.color1 + '_cars') { task.color1Count += amount; task.current = Math.min(task.color1Count, task.color2Count); } else if (type === task.color2 + '_cars') { task.color2Count += amount; task.current = Math.min(task.color1Count, task.color2Count); } } } checkTasks(); } initializeTasks(); function initializeGrid() { grid = []; for (var row = 0; row < GRID_SIZE; row++) { grid[row] = []; for (var col = 0; col < GRID_SIZE; col++) { var tileType = Math.random(); // 10% chance for block (but not in first row) if (row > 0 && tileType < 0.10) { var tile = new BlockTile(); tile.gridX = col; tile.gridY = row; tile.x = GRID_OFFSET_X + col * TILE_SIZE; tile.y = GRID_OFFSET_Y + row * TILE_SIZE; grid[row][col] = tile; game.addChild(tile); } else { // Regular car tile var tile = new CarTile(); tile.gridX = col; tile.gridY = row; tile.x = GRID_OFFSET_X + col * TILE_SIZE; tile.y = GRID_OFFSET_Y + row * TILE_SIZE; var carType; do { carType = Math.floor(Math.random() * 6); } while (wouldCreateMatch(row, col, carType)); tile.setCarType(carType); grid[row][col] = tile; game.addChild(tile); } } } } function wouldCreateMatch(row, col, carType) { // Check horizontal matches var horizontalCount = 1; if (col >= 1 && grid[row][col - 1] && !grid[row][col - 1].isBlock && grid[row][col - 1].carType === carType) horizontalCount++; if (col >= 2 && grid[row][col - 2] && !grid[row][col - 2].isBlock && grid[row][col - 2].carType === carType) horizontalCount++; if (horizontalCount >= 3) return true; // Check vertical matches var verticalCount = 1; if (row >= 1 && grid[row - 1] && grid[row - 1][col] && !grid[row - 1][col].isBlock && grid[row - 1][col].carType === carType) verticalCount++; if (row >= 2 && grid[row - 2] && grid[row - 2][col] && !grid[row - 2][col].isBlock && grid[row - 2][col].carType === carType) verticalCount++; if (verticalCount >= 3) return true; return false; } game.selectTile = function (tile) { if (!isGameStarted || isProcessingMatches || moves <= 0) return; // Handle special move mode if (isSpecialMoveMode) { if (tile.isBlock) return; // Can't select blocks for special moves if (!specialMoveFirstTile) { specialMoveFirstTile = tile; tile.setSelected(true); } else if (specialMoveFirstTile === tile) { // Deselect same tile specialMoveFirstTile.setSelected(false); specialMoveFirstTile = null; } else { // Execute special swap between any two tiles specialMoveFirstTile.setSelected(false); executeSpecialSwap(specialMoveFirstTile, tile); specialMoveFirstTile = null; isSpecialMoveMode = false; specialMoves--; updateSpecialMoveUI(); } return; } if (tile.isBlock) return; // Can't select blocks normally if (!selectedTile) { selectedTile = tile; tile.setSelected(true); } else if (selectedTile === tile) { selectedTile.setSelected(false); selectedTile = null; } else if (areAdjacent(selectedTile, tile)) { swapTiles(selectedTile, tile); selectedTile.setSelected(false); selectedTile = null; } else { selectedTile.setSelected(false); selectedTile = tile; tile.setSelected(true); } }; function areAdjacent(tile1, tile2) { if (tile1.isBlock || tile2.isBlock) return false; var dx = Math.abs(tile1.gridX - tile2.gridX); var dy = Math.abs(tile1.gridY - tile2.gridY); return dx === 1 && dy === 0 || dx === 0 && dy === 1; } function swapTiles(tile1, tile2) { if (tile1.isAnimating || tile2.isAnimating) return; LK.getSound('swap').play(); // Store original positions var originalX1 = tile1.gridX; var originalY1 = tile1.gridY; var originalX2 = tile2.gridX; var originalY2 = tile2.gridY; var originalPosX1 = tile1.x; var originalPosY1 = tile1.y; var originalPosX2 = tile2.x; var originalPosY2 = tile2.y; // Swap positions in grid temporarily to test for matches var tempX = tile1.gridX; var tempY = tile1.gridY; tile1.gridX = tile2.gridX; tile1.gridY = tile2.gridY; tile2.gridX = tempX; tile2.gridY = tempY; grid[tile1.gridY][tile1.gridX] = tile1; grid[tile2.gridY][tile2.gridX] = tile2; // Animate tiles to new positions var newX1 = GRID_OFFSET_X + tile1.gridX * TILE_SIZE; var newY1 = GRID_OFFSET_Y + tile1.gridY * TILE_SIZE; var newX2 = GRID_OFFSET_X + tile2.gridX * TILE_SIZE; var newY2 = GRID_OFFSET_Y + tile2.gridY * TILE_SIZE; var swapsCompleted = 0; // Simple swap animation tile1.animateToPosition(newX1, newY1, 250, function () { swapsCompleted++; if (swapsCompleted === 2) { // Check if this swap creates any matches var matches = findMatches(); if (matches.length > 0) { // Valid move - proceed with match checking checkForMatches(); moves--; updateUI(); } else { // Invalid move - revert positions and shake tile1.gridX = originalX1; tile1.gridY = originalY1; tile2.gridX = originalX2; tile2.gridY = originalY2; grid[originalY1][originalX1] = tile1; grid[originalY2][originalX2] = tile2; // Shake and return to original positions shakeAndReturn(tile1, originalPosX1, originalPosY1); shakeAndReturn(tile2, originalPosX2, originalPosY2); } } }); tile2.animateToPosition(newX2, newY2, 250, function () { swapsCompleted++; if (swapsCompleted === 2) { // Check if this swap creates any matches var matches = findMatches(); if (matches.length > 0) { // Valid move - proceed with match checking checkForMatches(); moves--; updateUI(); } else { // Invalid move - revert positions and shake tile1.gridX = originalX1; tile1.gridY = originalY1; tile2.gridX = originalX2; tile2.gridY = originalY2; grid[originalY1][originalX1] = tile1; grid[originalY2][originalX2] = tile2; // Shake and return to original positions shakeAndReturn(tile1, originalPosX1, originalPosY1); shakeAndReturn(tile2, originalPosX2, originalPosY2); } } }); } function executeSpecialSwap(tile1, tile2) { if (tile1.isAnimating || tile2.isAnimating) return; LK.getSound('swap').play(); // Swap positions in grid var tempX = tile1.gridX; var tempY = tile1.gridY; tile1.gridX = tile2.gridX; tile1.gridY = tile2.gridY; tile2.gridX = tempX; tile2.gridY = tempY; grid[tile1.gridY][tile1.gridX] = tile1; grid[tile2.gridY][tile2.gridX] = tile2; // Animate tiles to new positions var newX1 = GRID_OFFSET_X + tile1.gridX * TILE_SIZE; var newY1 = GRID_OFFSET_Y + tile1.gridY * TILE_SIZE; var newX2 = GRID_OFFSET_X + tile2.gridX * TILE_SIZE; var newY2 = GRID_OFFSET_Y + tile2.gridY * TILE_SIZE; var swapsCompleted = 0; tile1.animateToPosition(newX1, newY1, 300, function () { swapsCompleted++; if (swapsCompleted === 2) { // Always proceed with match checking for special moves checkForMatches(); moves--; updateUI(); } }); tile2.animateToPosition(newX2, newY2, 300, function () { swapsCompleted++; if (swapsCompleted === 2) { // Always proceed with match checking for special moves checkForMatches(); moves--; updateUI(); } }); } function updateSpecialMoveUI() { if (specialMoves > 0) { specialMoveText.setText(specialMoves.toString()); specialMoveBtn.tint = 0x00FF00; // Green when available specialMoveBtn.alpha = 1.0; } else { specialMoveText.setText('0'); specialMoveBtn.tint = 0x888888; // Gray when unavailable specialMoveBtn.alpha = 0.5; } if (!isSpecialMoveMode) { specialMoveBtn.tint = specialMoves > 0 ? 0x00FF00 : 0x888888; specialMoveText.setText(specialMoves.toString()); } } function shakeAndReturn(tile, originalX, originalY) { // Create shake effect var shakeIntensity = 15; var shakeCount = 0; var maxShakes = 6; function doShake() { if (shakeCount < maxShakes) { var offsetX = (Math.random() - 0.5) * shakeIntensity; var offsetY = (Math.random() - 0.5) * shakeIntensity; tween(tile, { x: tile.x + offsetX, y: tile.y + offsetY }, { duration: 50, easing: tween.easeOut, onFinish: function onFinish() { shakeCount++; doShake(); } }); } else { // Return to original position tile.animateToPosition(originalX, originalY, 300); } } doShake(); } function checkForMatches() { // Prevent concurrent processing if (isProcessingMatches) return; var matches = findMatches(); if (matches.length > 0) { isProcessingMatches = true; removeMatches(matches); LK.getSound('match').play(); LK.setTimeout(function () { if (!isProcessingMatches) return; // Safety check dropTiles(); LK.setTimeout(function () { if (!isProcessingMatches) return; // Safety check fillEmptySpaces(); LK.setTimeout(function () { isProcessingMatches = false; checkForMatches(); // Check for cascading matches }, 300); }, 300); }, 200); } else { // Check for valid moves or trigger shuffle if none available checkGameEnd(); } } function findMatches() { var matches = []; var marked = []; // Initialize marked array more efficiently for (var row = 0; row < GRID_SIZE; row++) { marked[row] = new Array(GRID_SIZE); for (var col = 0; col < GRID_SIZE; col++) { marked[row][col] = false; } } // Find horizontal matches for (var row = 0; row < GRID_SIZE; row++) { var col = 0; while (col < GRID_SIZE) { var tile = grid[row][col]; if (tile && !tile.isBlock) { var currentType = tile.carType; var matchStart = col; var matchEnd = col; // Count consecutive matching tiles while (matchEnd + 1 < GRID_SIZE && grid[row][matchEnd + 1] && !grid[row][matchEnd + 1].isBlock && grid[row][matchEnd + 1].carType === currentType) { matchEnd++; } // Mark tiles if we have a match of 3 or more if (matchEnd - matchStart >= 2) { for (var i = matchStart; i <= matchEnd; i++) { marked[row][i] = true; } } col = matchEnd + 1; } else { col++; } } } // Find vertical matches for (var col = 0; col < GRID_SIZE; col++) { var row = 0; while (row < GRID_SIZE) { var tile = grid[row][col]; if (tile && !tile.isBlock) { var currentType = tile.carType; var matchStart = row; var matchEnd = row; // Count consecutive matching tiles while (matchEnd + 1 < GRID_SIZE && grid[matchEnd + 1][col] && !grid[matchEnd + 1][col].isBlock && grid[matchEnd + 1][col].carType === currentType) { matchEnd++; } // Mark tiles if we have a match of 3 or more if (matchEnd - matchStart >= 2) { for (var i = matchStart; i <= matchEnd; i++) { marked[i][col] = true; } } row = matchEnd + 1; } else { row++; } } } // Collect marked tiles efficiently for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { if (marked[row][col] && grid[row][col]) { matches.push(grid[row][col]); } } } return matches; } function removeMatches(matches) { score += matches.length * 100; updateTaskProgress('matches', 1); updateTaskProgress('cars_cleared', matches.length); // Track color-specific car clearing var carTypeNames = ['red_cars', 'blue_cars', 'green_cars', 'yellow_cars', 'purple_cars', 'orange_cars']; var colorCounts = [0, 0, 0, 0, 0, 0]; for (var i = 0; i < matches.length; i++) { var tile = matches[i]; if (!tile.isBlock && tile.carType >= 0 && tile.carType < 6) { colorCounts[tile.carType]++; } } for (var i = 0; i < carTypeNames.length; i++) { if (colorCounts[i] > 0) { updateTaskProgress(carTypeNames[i], colorCounts[i]); } } updateUI(); for (var i = 0; i < matches.length; i++) { var tile = matches[i]; // Clear grid position immediately grid[tile.gridY][tile.gridX] = null; // Simple fade out animation tween(tile, { alpha: 0 }, { duration: 200, easing: tween.easeOut, onFinish: function onFinish() { tile.destroy(); } }); } } function dropTiles() { for (var col = 0; col < GRID_SIZE; col++) { // Collect tiles from bottom to top and sort positions var carTiles = []; var blocks = []; // First pass: collect all tiles and clear grid for (var row = 0; row < GRID_SIZE; row++) { if (grid[row][col] !== null) { if (grid[row][col].isBlock) { blocks.push({ tile: grid[row][col], row: row }); } else { carTiles.push({ tile: grid[row][col], originalRow: row }); } grid[row][col] = null; } } // Second pass: place blocks back in their original positions for (var i = 0; i < blocks.length; i++) { var blockData = blocks[i]; blockData.tile.gridY = blockData.row; grid[blockData.row][col] = blockData.tile; } // Third pass: drop car tiles to available positions from bottom up var writeRow = GRID_SIZE - 1; for (var i = carTiles.length - 1; i >= 0; i--) { // Find next available position from bottom while (writeRow >= 0 && grid[writeRow][col] !== null) { writeRow--; } if (writeRow >= 0) { var tileData = carTiles[i]; var tile = tileData.tile; // Update tile position tile.gridY = writeRow; grid[writeRow][col] = tile; var newY = GRID_OFFSET_Y + writeRow * TILE_SIZE; // Animate only if position actually changed if (writeRow !== tileData.originalRow) { tile.animateToPosition(tile.x, newY, 300); } writeRow--; } } } } function fillEmptySpaces() { // Process columns from left to right for (var col = 0; col < GRID_SIZE; col++) { // Find empty spaces from top to bottom var emptyRows = []; for (var row = 0; row < GRID_SIZE; row++) { if (grid[row][col] === null) { emptyRows.push(row); } } // Only proceed if there are empty spaces if (emptyRows.length === 0) continue; // Fill empty spaces from top to bottom for (var i = 0; i < emptyRows.length; i++) { var row = emptyRows[i]; var tile = new CarTile(); tile.gridX = col; tile.gridY = row; tile.x = GRID_OFFSET_X + col * TILE_SIZE; // Start tiles above the grid, staggered by how many we're creating tile.y = GRID_OFFSET_Y - TILE_SIZE * (emptyRows.length - i); tile.setCarType(Math.floor(Math.random() * 6)); tile.alpha = 0; grid[row][col] = tile; game.addChild(tile); var finalY = GRID_OFFSET_Y + row * TILE_SIZE; // Create closure to capture values properly (function (currentTile, targetY, animDelay) { LK.setTimeout(function () { if (currentTile && currentTile.parent) { // Safety check // Simple fade in and drop tween(currentTile, { alpha: 1 }, { duration: 200, easing: tween.easeOut }); currentTile.animateToPosition(currentTile.x, targetY, 300); } }, animDelay); })(tile, finalY, i * 50); } } } function updateUI() { scoreTxt.setText('SCORE: ' + score); movesTxt.setText('MOVES: ' + moves); targetTxt.setText('TARGET: ' + targetScore); levelTxt.setText('LEVEL: ' + level); updateSpecialMoveUI(); checkTasks(); } function nextLevel() { if (isLevelTransition) { return; // Don't start next level if transition is showing } level++; // Infinite level progression with escalating difficulty var baseTarget = 800; // Reduced back to original var baseMovesMax = 35; // Increased from 25 var baseMovesMin = 15; // Increased from 6 // Calculate difficulty scaling - gets progressively harder var difficultyScale = Math.floor((level - 1) / 5); // Every 5 levels increase difficulty tier var targetMultiplier = 1 + (level - 1) * 0.3; // 30% increase per level (reduced from 60%) var movesPenalty = Math.floor((level - 1) / 4); // Reduce moves every 4 levels (increased from 2) // Generate infinite level configuration var config = { target: Math.floor(baseTarget * targetMultiplier), moves: Math.max(baseMovesMin, baseMovesMax - movesPenalty) }; targetScore = config.target * 2; // Reduced multiplier from 4 to 2 moves = config.moves; score = 0; // Don't reset special moves - preserve them across levels isSpecialMoveMode = false; specialMoveFirstTile = null; // Reset tasks for new level var carColors = ['red', 'blue', 'green', 'yellow', 'purple', 'orange']; var randomColor1 = Math.floor(Math.random() * carColors.length); var randomColor2 = Math.floor(Math.random() * carColors.length); while (randomColor2 === randomColor1) { randomColor2 = Math.floor(Math.random() * carColors.length); } tasks = [{ id: 1, description: 'Score ' + Math.floor(targetScore * 0.5) + ' points', target: Math.floor(targetScore * 0.5), current: 0, type: 'score', completed: false, reward: 1 }, { id: 2, description: 'Make ' + Math.max(3, Math.floor(moves * 0.2)) + ' matches', target: Math.max(3, Math.floor(moves * 0.2)), current: 0, type: 'matches', completed: false, reward: 1 }, { id: 3, description: 'Clear ' + Math.max(10, Math.floor(moves * 0.4)) + ' cars', target: Math.max(10, Math.floor(moves * 0.4)), current: 0, type: 'cars_cleared', completed: false, reward: 2 }, { id: 4, description: 'Clear ' + Math.max(4, Math.floor(moves * 0.15)) + ' ' + carColors[randomColor1] + ' cars', target: Math.max(4, Math.floor(moves * 0.15)), current: 0, type: carColors[randomColor1] + '_cars', completed: false, reward: 1 }, { id: 5, description: 'Clear ' + Math.max(3, Math.floor(moves * 0.12)) + ' ' + carColors[randomColor2] + ' cars', target: Math.max(3, Math.floor(moves * 0.12)), current: 0, type: carColors[randomColor2] + '_cars', completed: false, reward: 2 }]; updateTaskDisplay(); // Clear current grid for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { if (grid[row][col]) { grid[row][col].destroy(); } } } // Reinitialize grid for new level initializeGrid(); updateUI(); } function hasValidMoves() { // Check all possible adjacent swaps to see if any would create matches var validMovesFound = 0; var totalPossibleMoves = 0; for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { var tile1 = grid[row][col]; if (!tile1 || tile1.isBlock) continue; // Check right neighbor if (col < GRID_SIZE - 1) { var tile2 = grid[row][col + 1]; if (tile2 && !tile2.isBlock) { totalPossibleMoves++; // Simulate swap without modifying original tiles var originalType1 = tile1.carType; var originalType2 = tile2.carType; // Temporarily swap types for simulation tile1.carType = originalType2; tile2.carType = originalType1; // Temporarily swap grid positions grid[row][col] = tile2; grid[row][col + 1] = tile1; var matches = findMatches(); // Immediately revert all changes grid[row][col] = tile1; grid[row][col + 1] = tile2; tile1.carType = originalType1; tile2.carType = originalType2; if (matches.length > 0) { validMovesFound++; } } } // Check bottom neighbor if (row < GRID_SIZE - 1) { var tile2 = grid[row + 1][col]; if (tile2 && !tile2.isBlock) { totalPossibleMoves++; // Simulate swap without modifying original tiles var originalType1 = tile1.carType; var originalType2 = tile2.carType; // Temporarily swap types for simulation tile1.carType = originalType2; tile2.carType = originalType1; // Temporarily swap grid positions grid[row][col] = tile2; grid[row + 1][col] = tile1; var matches = findMatches(); // Immediately revert all changes grid[row][col] = tile1; grid[row + 1][col] = tile2; tile1.carType = originalType1; tile2.carType = originalType2; if (matches.length > 0) { validMovesFound++; } } } } } // Only return true if there are absolutely no valid moves found return validMovesFound === 0; } function gatherAndShuffleTiles() { // Get all car tiles (not blocks) var carTiles = []; for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { if (grid[row][col] && !grid[row][col].isBlock) { carTiles.push(grid[row][col]); grid[row][col] = null; } } } if (carTiles.length === 0) return; // Center position for gathering var centerX = GRID_OFFSET_X + (GRID_SIZE / 2 - 0.5) * TILE_SIZE; var centerY = GRID_OFFSET_Y + (GRID_SIZE / 2 - 0.5) * TILE_SIZE; var tilesAnimated = 0; // Animate all tiles to center for (var i = 0; i < carTiles.length; i++) { var tile = carTiles[i]; tween(tile, { x: centerX + (Math.random() - 0.5) * 100, y: centerY + (Math.random() - 0.5) * 100, rotation: Math.random() * Math.PI * 2 }, { duration: 500, easing: tween.easeInOut, onFinish: function onFinish() { tilesAnimated++; if (tilesAnimated === carTiles.length) { // All tiles gathered, now shuffle and redistribute redistributeTiles(carTiles); } } }); } } function redistributeTiles(carTiles) { // Shuffle car types var carTypes = []; for (var i = 0; i < carTiles.length; i++) { carTypes.push(carTiles[i].carType); } // Fisher-Yates shuffle for (var i = carTypes.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = carTypes[i]; carTypes[i] = carTypes[j]; carTypes[j] = temp; } // Get available positions (not occupied by blocks) var availablePositions = []; for (var row = 0; row < GRID_SIZE; row++) { for (var col = 0; col < GRID_SIZE; col++) { if (!grid[row][col] || !grid[row][col].isBlock) { availablePositions.push({ row: row, col: col }); } } } // Redistribute tiles to available positions var tileIndex = 0; var tilesRedistributed = 0; for (var i = 0; i < availablePositions.length && tileIndex < carTiles.length; i++) { var pos = availablePositions[i]; var tile = carTiles[tileIndex]; // Clear old position if it exists if (grid[pos.row][pos.col]) { grid[pos.row][pos.col] = null; } // Assign new car type (from shuffled array) if (tile.setCarType) { tile.setCarType(carTypes[tileIndex]); } else if (tile.carType !== undefined) { // Handle tiles that have carType but no setCarType method tile.carType = carTypes[tileIndex]; if (tile.carGraphics) { tile.removeChild(tile.carGraphics); } var carAssets = ['red_car', 'blue_car', 'green_car', 'yellow_car', 'purple_car', 'orange_car']; tile.carGraphics = tile.attachAsset(carAssets[carTypes[tileIndex]], { anchorX: 0.5, anchorY: 0.5 }); } // Update grid position tile.gridX = pos.col; tile.gridY = pos.row; grid[pos.row][pos.col] = tile; // Calculate new screen position var newX = GRID_OFFSET_X + pos.col * TILE_SIZE; var newY = GRID_OFFSET_Y + pos.row * TILE_SIZE; // Animate to new position tween(tile, { x: newX, y: newY, rotation: 0 }, { duration: 600, easing: tween.easeOut, onFinish: function onFinish() { tilesRedistributed++; if (tilesRedistributed === carTiles.length) { // Check if we now have valid moves, if not, try again if (!hasValidMoves()) { redistributeTiles(carTiles); } } } }); tileIndex++; } } function checkGameEnd() { if (score >= targetScore) { // Show level transition screen showLevelTransitionScreen(); } else if (moves <= 0) { LK.showGameOver(); } else if (!hasValidMoves()) { // No valid moves available, gather and shuffle gatherAndShuffleTiles(); } } // Create startGame function function startGame() { // Initialize the game when start screen is dismissed initializeGrid(); updateUI(); // Show task and special move buttons when game starts specialMoveBtn.alpha = 1; specialMoveText.alpha = 1; taskButton.alpha = 1; // Find and show task button text for (var i = 0; i < game.children.length; i++) { var child = game.children[i]; if (child.text === 'TASKS') { child.alpha = 1; break; } } } // Show start screen on game load showStartScreen(); game.update = function () { // Game loop runs here // Most logic is event-driven, so this can remain minimal }; function addHarderTask() { var carColors = ['red', 'blue', 'green', 'yellow', 'purple', 'orange']; var randomColor = Math.floor(Math.random() * carColors.length); var completedTasks = 0; for (var i = 0; i < tasks.length; i++) { if (tasks[i].completed) completedTasks++; } // Create harder tasks based on how many have been completed var newTaskId = tasks.length + 1; var difficultyMultiplier = 1 + completedTasks * 0.2 + level * 0.1; // Increase difficulty by 20% per completed task + 10% per level var newTask; // Randomly choose type of harder task var taskType = Math.floor(Math.random() * 4); if (taskType === 0) { // Harder score task newTask = { id: newTaskId, description: 'Score ' + Math.floor(targetScore * 0.3 * difficultyMultiplier) + ' more points', target: Math.floor(targetScore * 0.3 * difficultyMultiplier), current: 0, type: 'score', completed: false, reward: Math.floor(2 * difficultyMultiplier) }; } else if (taskType === 1) { // Harder matches task newTask = { id: newTaskId, description: 'Make ' + Math.floor(3 * difficultyMultiplier) + ' more matches', target: Math.floor(3 * difficultyMultiplier), current: 0, type: 'matches', completed: false, reward: Math.floor(2 * difficultyMultiplier) }; } else if (taskType === 2) { // Harder cars cleared task newTask = { id: newTaskId, description: 'Clear ' + Math.floor(8 * difficultyMultiplier) + ' more cars', target: Math.floor(8 * difficultyMultiplier), current: 0, type: 'cars_cleared', completed: false, reward: Math.floor(2 * difficultyMultiplier) }; } else { // Harder color-specific task newTask = { id: newTaskId, description: 'Clear ' + Math.floor(5 * difficultyMultiplier) + ' more ' + carColors[randomColor] + ' cars', target: Math.floor(5 * difficultyMultiplier), current: 0, type: carColors[randomColor] + '_cars', completed: false, reward: Math.floor(2 * difficultyMultiplier) }; } // Add the new task to the array tasks.push(newTask); var taskIndex = tasks.length - 1; // Task item background for new task var taskBg = LK.getAsset('grid_cube', { anchorX: 0, anchorY: 0, scaleX: 8, scaleY: 1, alpha: 0.3 }); taskBg.tint = taskIndex % 2 === 0 ? 0x34495e : 0x2c3e50; // Alternating colors taskBg.x = 40; taskBg.y = 110 + taskIndex * 120; taskPanel.addChild(taskBg); // Task reward indicator for new task var rewardIndicator = LK.getAsset('special_move_button', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.2, scaleY: 0.2 }); rewardIndicator.tint = 0xFFD700; rewardIndicator.x = taskPanel.children[2].width - 100; // Use main background width rewardIndicator.y = 150 + taskIndex * 120; taskPanel.addChild(rewardIndicator); var rewardText = new Text2('+' + newTask.reward, { size: 24, fill: 0xFFFFFF }); rewardText.anchor.set(0.5, 0.5); rewardText.x = rewardIndicator.x; rewardText.y = rewardIndicator.y; taskPanel.addChild(rewardText); // Add new task text display var taskText = new Text2('', { size: 48, fill: 0x3498db }); taskText.anchor.set(0, 0); taskText.x = 60; taskText.y = 120 + taskIndex * 120; taskPanel.addChild(taskText); taskTexts.push(taskText); // Adjust panel height to fit new task var panelBg = taskPanel.children[2]; // Main background var panelBorder = taskPanel.children[1]; // Border panelBg.scaleY = Math.max(5.5, 3 + tasks.length * 0.8); panelBorder.scaleY = Math.max(5.7, 3.2 + tasks.length * 0.8); // Add entrance animation for new task taskBg.alpha = 0; taskText.alpha = 0; rewardIndicator.alpha = 0; rewardText.alpha = 0; tween(taskBg, { alpha: 0.3 }, { duration: 300, easing: tween.easeOut }); tween(taskText, { alpha: 0.9 }, { duration: 400, easing: tween.easeOut }); tween(rewardIndicator, { alpha: 1 }, { duration: 500, easing: tween.easeOut }); tween(rewardText, { alpha: 1 }, { duration: 500, easing: tween.easeOut }); }