/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Candy = Container.expand(function (type) { var self = Container.call(this); self.candyType = type; self.gridX = 0; self.gridY = 0; self.isAnimating = false; var candyGraphics = self.attachAsset('candy' + type, { anchorX: 0.5, anchorY: 0.5 }); self.setCandyType = function (newType) { self.candyType = newType; self.removeChildren(); candyGraphics = self.attachAsset('candy' + newType, { anchorX: 0.5, anchorY: 0.5 }); }; self.animateToPosition = function (targetX, targetY, duration, onComplete) { self.isAnimating = true; tween(self, { x: targetX, y: targetY }, { duration: duration || 300, easing: tween.easeOut, onFinish: function onFinish() { self.isAnimating = false; if (onComplete) onComplete(); } }); }; return self; }); var Grid = Container.expand(function () { var self = Container.call(this); self.GRID_SIZE = 8; self.CELL_SIZE = 100; self.candies = []; self.selectedCandy = null; self.isProcessing = false; // Initialize grid array for (var row = 0; row < self.GRID_SIZE; row++) { self.candies[row] = []; for (var col = 0; col < self.GRID_SIZE; col++) { self.candies[row][col] = null; } } // Create background grid cells var backgroundContainer = self.addChild(new Container()); for (var row = 0; row < self.GRID_SIZE; row++) { for (var col = 0; col < self.GRID_SIZE; col++) { var cell = backgroundContainer.attachAsset('gridCell', { anchorX: 0.5, anchorY: 0.5 }); cell.x = col * self.CELL_SIZE; cell.y = row * self.CELL_SIZE; cell.alpha = 0.3; } } self.highlight = self.attachAsset('selectedHighlight', { anchorX: 0.5, anchorY: 0.5 }); self.highlight.alpha = 0.6; self.highlight.visible = false; self.initializeGrid = function () { for (var row = 0; row < self.GRID_SIZE; row++) { for (var col = 0; col < self.GRID_SIZE; col++) { var candyType = Math.floor(Math.random() * 6) + 1; var candy = self.addChild(new Candy(candyType)); candy.gridX = col; candy.gridY = row; candy.x = col * self.CELL_SIZE; candy.y = row * self.CELL_SIZE; self.candies[row][col] = candy; } } // Remove initial matches self.removeInitialMatches(); }; self.removeInitialMatches = function () { var hasMatches = true; var attempts = 0; while (hasMatches && attempts < 50) { hasMatches = false; for (var row = 0; row < self.GRID_SIZE; row++) { for (var col = 0; col < self.GRID_SIZE; col++) { if (self.hasMatchAt(row, col)) { var newType = Math.floor(Math.random() * 6) + 1; self.candies[row][col].setCandyType(newType); hasMatches = true; } } } attempts++; } }; self.getCandyAt = function (row, col) { if (row < 0 || row >= self.GRID_SIZE || col < 0 || col >= self.GRID_SIZE) { return null; } return self.candies[row][col]; }; self.swapCandies = function (candy1, candy2) { if (!candy1 || !candy2) return false; var tempX = candy1.gridX; var tempY = candy1.gridY; candy1.gridX = candy2.gridX; candy1.gridY = candy2.gridY; candy2.gridX = tempX; candy2.gridY = tempY; self.candies[candy1.gridY][candy1.gridX] = candy1; self.candies[candy2.gridY][candy2.gridX] = candy2; return true; }; self.animateSwap = function (candy1, candy2, onComplete) { var pos1X = candy1.gridX * self.CELL_SIZE; var pos1Y = candy1.gridY * self.CELL_SIZE; var pos2X = candy2.gridX * self.CELL_SIZE; var pos2Y = candy2.gridY * self.CELL_SIZE; var completed = 0; function checkComplete() { completed++; if (completed === 2 && onComplete) { onComplete(); } } candy1.animateToPosition(pos1X, pos1Y, 200, checkComplete); candy2.animateToPosition(pos2X, pos2Y, 200, checkComplete); }; self.hasMatchAt = function (row, col) { var candy = self.getCandyAt(row, col); if (!candy) return false; var type = candy.candyType; // Check horizontal var horizontalCount = 1; // Check left for (var i = col - 1; i >= 0; i--) { var leftCandy = self.getCandyAt(row, i); if (leftCandy && leftCandy.candyType === type) { horizontalCount++; } else { break; } } // Check right for (var i = col + 1; i < self.GRID_SIZE; i++) { var rightCandy = self.getCandyAt(row, i); if (rightCandy && rightCandy.candyType === type) { horizontalCount++; } else { break; } } if (horizontalCount >= 3) return true; // Check vertical var verticalCount = 1; // Check up for (var i = row - 1; i >= 0; i--) { var upCandy = self.getCandyAt(i, col); if (upCandy && upCandy.candyType === type) { verticalCount++; } else { break; } } // Check down for (var i = row + 1; i < self.GRID_SIZE; i++) { var downCandy = self.getCandyAt(i, col); if (downCandy && downCandy.candyType === type) { verticalCount++; } else { break; } } return verticalCount >= 3; }; self.findAllMatches = function () { var matches = []; for (var row = 0; row < self.GRID_SIZE; row++) { for (var col = 0; col < self.GRID_SIZE; col++) { if (self.hasMatchAt(row, col)) { matches.push({ row: row, col: col }); } } } return matches; }; self.removeMatches = function (matches, onComplete) { if (matches.length === 0) { if (onComplete) onComplete(); return; } var score = matches.length * 10; LK.setScore(LK.getScore() + score); scoreTxt.setText(LK.getScore()); for (var i = 0; i < matches.length; i++) { var match = matches[i]; var candy = self.candies[match.row][match.col]; if (candy) { tween(candy, { alpha: 0, scaleX: 0, scaleY: 0 }, { duration: 200, easing: tween.easeIn }); self.candies[match.row][match.col] = null; } } LK.getSound('match').play(); LK.setTimeout(function () { for (var i = 0; i < matches.length; i++) { var match = matches[i]; var candy = self.getCandyAt(match.row, match.col); if (candy) { candy.destroy(); } } if (onComplete) onComplete(); }, 250); }; self.dropCandies = function (onComplete) { var anyMoved = false; var animationsRunning = 0; function checkAnimationComplete() { animationsRunning--; if (animationsRunning === 0 && onComplete) { onComplete(); } } for (var col = 0; col < self.GRID_SIZE; col++) { var writeIndex = self.GRID_SIZE - 1; for (var row = self.GRID_SIZE - 1; row >= 0; row--) { if (self.candies[row][col] !== null) { if (row !== writeIndex) { self.candies[writeIndex][col] = self.candies[row][col]; self.candies[row][col] = null; var candy = self.candies[writeIndex][col]; candy.gridX = col; candy.gridY = writeIndex; var targetY = writeIndex * self.CELL_SIZE; animationsRunning++; anyMoved = true; candy.animateToPosition(candy.x, targetY, 300, checkAnimationComplete); } writeIndex--; } } // Fill empty spaces at top for (var row = 0; row <= writeIndex; row++) { var candyType = Math.floor(Math.random() * 6) + 1; var candy = self.addChild(new Candy(candyType)); candy.gridX = col; candy.gridY = row; candy.x = col * self.CELL_SIZE; candy.y = -self.CELL_SIZE * (writeIndex - row + 1); self.candies[row][col] = candy; var targetY = row * self.CELL_SIZE; animationsRunning++; anyMoved = true; candy.animateToPosition(candy.x, targetY, 400, checkAnimationComplete); } } if (!anyMoved && onComplete) { onComplete(); } }; self.processMatches = function () { if (self.isProcessing) return; self.isProcessing = true; function checkAndProcess() { var matches = self.findAllMatches(); if (matches.length > 0) { self.removeMatches(matches, function () { self.dropCandies(function () { LK.setTimeout(checkAndProcess, 100); }); }); } else { self.isProcessing = false; movesLeft--; movesTxt.setText('Moves: ' + movesLeft); if (movesLeft <= 0) { LK.setTimeout(function () { if (LK.getScore() >= targetScore) { LK.showYouWin(); } else { LK.showGameOver(); } }, 500); } } } checkAndProcess(); }; self.isValidMove = function (candy1, candy2) { if (!candy1 || !candy2) return false; var dx = Math.abs(candy1.gridX - candy2.gridX); var dy = Math.abs(candy1.gridY - candy2.gridY); return dx === 1 && dy === 0 || dx === 0 && dy === 1; }; self.wouldCreateMatch = function (candy1, candy2) { // Temporarily swap self.swapCandies(candy1, candy2); var hasMatch = self.hasMatchAt(candy1.gridY, candy1.gridX) || self.hasMatchAt(candy2.gridY, candy2.gridX); // Swap back self.swapCandies(candy1, candy2); return hasMatch; }; self.handleCandySelection = function (candy) { if (self.isProcessing || candy.isAnimating) return; if (self.selectedCandy === null) { self.selectedCandy = candy; self.highlight.visible = true; self.highlight.x = candy.x; self.highlight.y = candy.y; } else if (self.selectedCandy === candy) { self.selectedCandy = null; self.highlight.visible = false; } else { if (self.isValidMove(self.selectedCandy, candy)) { if (self.wouldCreateMatch(self.selectedCandy, candy)) { LK.getSound('swap').play(); self.swapCandies(self.selectedCandy, candy); self.animateSwap(self.selectedCandy, candy, function () { self.processMatches(); }); } else { // Invalid move - animate back self.swapCandies(self.selectedCandy, candy); self.animateSwap(self.selectedCandy, candy, function () { self.swapCandies(self.selectedCandy, candy); self.animateSwap(self.selectedCandy, candy); }); } } self.selectedCandy = null; self.highlight.visible = false; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x2d3436 }); /**** * Game Code ****/ var grid = game.addChild(new Grid()); grid.x = (2048 - grid.GRID_SIZE * grid.CELL_SIZE) / 2; grid.y = (2732 - grid.GRID_SIZE * grid.CELL_SIZE) / 2; var scoreTxt = new Text2('Score: 0', { size: 60, fill: 0xFFFFFF }); scoreTxt.anchor.set(0.5, 0); LK.gui.top.addChild(scoreTxt); scoreTxt.y = 100; var movesTxt = new Text2('Moves: 30', { size: 50, fill: 0xFFFFFF }); movesTxt.anchor.set(0.5, 0); LK.gui.top.addChild(movesTxt); movesTxt.y = 180; var targetTxt = new Text2('Target: 1000', { size: 50, fill: 0xFFDD59 }); targetTxt.anchor.set(0.5, 0); LK.gui.top.addChild(targetTxt); targetTxt.y = 240; var movesLeft = 30; var targetScore = 1000; scoreTxt.setText('Score: ' + LK.getScore()); grid.initializeGrid(); game.down = function (x, y, obj) { var localPos = grid.toLocal({ x: x, y: y }); var gridCol = Math.floor(localPos.x / grid.CELL_SIZE); var gridRow = Math.floor(localPos.y / grid.CELL_SIZE); var candy = grid.getCandyAt(gridRow, gridCol); if (candy) { grid.handleCandySelection(candy); } };