/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var MainMenu = Container.expand(function () { var self = Container.call(this); self.titleText = new Text2('Animal Match', { size: 80, fill: 0xFFFFFF }); self.titleText.anchor.set(0.5, 0.5); self.titleText.x = 1024; self.titleText.y = 800; self.addChild(self.titleText); self.startButton = self.attachAsset('startButton', { anchorX: 0.5, anchorY: 0.5 }); self.startButton.x = 1024; self.startButton.y = 1200; self.startButtonText = new Text2('START GAME', { size: 50, fill: 0xFFFFFF }); self.startButtonText.anchor.set(0.5, 0.5); self.startButtonText.x = 1024; self.startButtonText.y = 1200; self.addChild(self.startButtonText); // Add decorative animals around the menu self.animal1 = self.attachAsset('cardFront1', { anchorX: 0.5, anchorY: 0.5 }); self.animal1.x = 400; self.animal1.y = 600; self.animal1.scaleX = 1.2; self.animal1.scaleY = 1.2; self.animal2 = self.attachAsset('cardFront2', { anchorX: 0.5, anchorY: 0.5 }); self.animal2.x = 1648; self.animal2.y = 600; self.animal2.scaleX = 1.2; self.animal2.scaleY = 1.2; self.animal3 = self.attachAsset('cardFront3', { anchorX: 0.5, anchorY: 0.5 }); self.animal3.x = 300; self.animal3.y = 1000; self.animal3.scaleX = 1.1; self.animal3.scaleY = 1.1; self.animal4 = self.attachAsset('cardFront4', { anchorX: 0.5, anchorY: 0.5 }); self.animal4.x = 1748; self.animal4.y = 1000; self.animal4.scaleX = 1.1; self.animal4.scaleY = 1.1; self.animal5 = self.attachAsset('cardFront5', { anchorX: 0.5, anchorY: 0.5 }); self.animal5.x = 512; self.animal5.y = 1400; self.animal5.scaleX = 0.9; self.animal5.scaleY = 0.9; self.animal6 = self.attachAsset('cardFront6', { anchorX: 0.5, anchorY: 0.5 }); self.animal6.x = 1536; self.animal6.y = 1400; self.animal6.scaleX = 0.9; self.animal6.scaleY = 0.9; // Only the start button should start the game, not the decorative animals self.startButton.down = function (x, y, obj) { startGame(); }; return self; }); var MatchingCard = Container.expand(function (cardType, row, col) { var self = Container.call(this); self.cardType = cardType; self.row = row; self.col = col; self.isFlipped = false; self.isMatched = false; self.canClick = true; self.cardBack = self.attachAsset('cardBack', { anchorX: 0.5, anchorY: 0.5 }); self.cardFront = self.attachAsset('cardFront' + cardType, { anchorX: 0.5, anchorY: 0.5 }); self.cardFront.visible = false; self.flip = function () { if (!self.canClick || self.isMatched) return; self.isFlipped = !self.isFlipped; self.cardBack.visible = !self.isFlipped; self.cardFront.visible = self.isFlipped; LK.getSound('cardFlip').play(); }; self.setMatched = function () { self.isMatched = true; self.canClick = false; self.removeChild(self.cardBack); self.removeChild(self.cardFront); self.matchedGraphics = self.attachAsset('cardMatched', { anchorX: 0.5, anchorY: 0.5 }); }; self.flipBack = function () { if (self.isMatched) return; self.isFlipped = false; self.cardBack.visible = true; self.cardFront.visible = false; }; self.down = function (x, y, obj) { if (!self.canClick || self.isMatched) return; handleCardClick(self); }; return self; }); var NextLevelButton = Container.expand(function () { var self = Container.call(this); self.buttonGraphics = self.attachAsset('nextLevelButton', { anchorX: 0.5, anchorY: 0.5 }); self.buttonText = new Text2('Next Level', { size: 40, fill: 0xFFFFFF }); self.buttonText.anchor.set(0.5, 0.5); self.addChild(self.buttonText); self.visible = false; self.show = function () { self.visible = true; tween(self, { alpha: 1 }, { duration: 300 }); }; self.hide = function () { self.visible = false; self.alpha = 0; }; self.down = function (x, y, obj) { nextLevel(); }; return self; }); var VictoryScreen = Container.expand(function () { var self = Container.call(this); // Add full screen background self.background = self.attachAsset('victoryBackground', { anchorX: 0, anchorY: 0 }); self.background.x = 0; self.background.y = 0; self.titleText = new Text2('Congratulations!', { size: 80, fill: 0xFFD700 }); self.titleText.anchor.set(0.5, 0.5); self.titleText.x = 1024; self.titleText.y = 800; self.addChild(self.titleText); self.subtitleText = new Text2('You completed all levels!', { size: 50, fill: 0xFFFFFF }); self.subtitleText.anchor.set(0.5, 0.5); self.subtitleText.x = 1024; self.subtitleText.y = 920; self.addChild(self.subtitleText); // Add decorative animals around the victory screen with new assets self.animal1 = self.attachAsset('victoryAnimal1', { anchorX: 0.5, anchorY: 0.5 }); self.animal1.x = 400; self.animal1.y = 600; self.animal1.scaleX = 1.5; self.animal1.scaleY = 1.5; self.animal2 = self.attachAsset('victoryAnimal2', { anchorX: 0.5, anchorY: 0.5 }); self.animal2.x = 1648; self.animal2.y = 600; self.animal2.scaleX = 1.5; self.animal2.scaleY = 1.5; self.animal3 = self.attachAsset('victoryAnimal3', { anchorX: 0.5, anchorY: 0.5 }); self.animal3.x = 300; self.animal3.y = 1100; self.animal3.scaleX = 1.3; self.animal3.scaleY = 1.3; self.animal4 = self.attachAsset('victoryAnimal4', { anchorX: 0.5, anchorY: 0.5 }); self.animal4.x = 1748; self.animal4.y = 1100; self.animal4.scaleX = 1.3; self.animal4.scaleY = 1.3; self.animal5 = self.attachAsset('victoryAnimal5', { anchorX: 0.5, anchorY: 0.5 }); self.animal5.x = 512; self.animal5.y = 1300; self.animal5.scaleX = 1.0; self.animal5.scaleY = 1.0; self.animal6 = self.attachAsset('victoryAnimal6', { anchorX: 0.5, anchorY: 0.5 }); self.animal6.x = 1536; self.animal6.y = 1300; self.animal6.scaleX = 1.0; self.animal6.scaleY = 1.0; self.animal7 = self.attachAsset('victoryAnimal7', { anchorX: 0.5, anchorY: 0.5 }); self.animal7.x = 200; self.animal7.y = 1500; self.animal7.scaleX = 0.8; self.animal7.scaleY = 0.8; self.animal8 = self.attachAsset('victoryAnimal8', { anchorX: 0.5, anchorY: 0.5 }); self.animal8.x = 1848; self.animal8.y = 1500; self.animal8.scaleX = 0.8; self.animal8.scaleY = 0.8; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x2c3e50 }); /**** * Game Code ****/ var gameStarted = false; var mainMenu = null; var currentLevel = 1; storage.currentLevel = 1; var maxLevel = storage.maxLevel || 1; var cardGrid = []; var flippedCards = []; var matchedPairs = 0; var totalPairs = 0; var levelComplete = false; var gridSize = 4; var cellSpacing = 180; var waitingForFlipBack = false; var levelText = new Text2('Level 1', { size: 60, fill: 0xFFFFFF }); levelText.anchor.set(0.5, 0); LK.gui.top.addChild(levelText); levelText.y = 100; levelText.visible = false; var instructionText = new Text2('Find matching pairs of cards\nFlip two cards to match them!', { size: 40, fill: 0xECF0F1 }); instructionText.anchor.set(0.5, 0.5); game.addChild(instructionText); instructionText.x = 1024; instructionText.y = 600; instructionText.visible = false; var nextButton = game.addChild(new NextLevelButton()); nextButton.x = 1024; nextButton.y = 2200; nextButton.visible = false; function startGame() { gameStarted = true; if (mainMenu) { mainMenu.destroy(); mainMenu = null; } levelText.visible = true; instructionText.visible = true; nextButton.visible = true; createMatchingGame(); } function createMatchingGame() { cardGrid = []; flippedCards = []; matchedPairs = 0; levelComplete = false; waitingForFlipBack = false; // Determine grid size based on level if (currentLevel <= 3) { gridSize = 4; // 4x4 = 16 cards = 8 pairs } else if (currentLevel <= 6) { gridSize = 5; // 5x4 = 20 cards = 10 pairs (we'll use 5x4 grid) } else { gridSize = 6; // 6x4 = 24 cards = 12 pairs } var actualCols = gridSize === 5 ? 4 : 4; var actualRows = gridSize === 5 ? 5 : gridSize === 6 ? 6 : 4; totalPairs = actualRows * actualCols / 2; // Create pairs array var cardTypes = []; var maxCardType = Math.min(8, totalPairs); for (var i = 1; i <= maxCardType; i++) { cardTypes.push(i); cardTypes.push(i); } // Fill remaining slots if needed while (cardTypes.length < totalPairs * 2) { var randomType = Math.floor(Math.random() * maxCardType) + 1; cardTypes.push(randomType); cardTypes.push(randomType); } // Shuffle the array for (var i = cardTypes.length - 1; i > 0; i--) { var j = Math.floor(Math.random() * (i + 1)); var temp = cardTypes[i]; cardTypes[i] = cardTypes[j]; cardTypes[j] = temp; } var startX = 1024 - (actualCols - 1) * cellSpacing / 2; var startY = 1366 - (actualRows - 1) * cellSpacing / 2; var cardIndex = 0; for (var row = 0; row < actualRows; row++) { cardGrid[row] = []; for (var col = 0; col < actualCols; col++) { var card = new MatchingCard(cardTypes[cardIndex], row, col); card.x = startX + col * cellSpacing; card.y = startY + row * cellSpacing; cardGrid[row][col] = card; game.addChild(card); cardIndex++; } } nextButton.hide(); } function handleCardClick(clickedCard) { if (waitingForFlipBack || clickedCard.isMatched || clickedCard.isFlipped) return; if (flippedCards.length >= 2) return; clickedCard.flip(); flippedCards.push(clickedCard); if (flippedCards.length === 2) { if (flippedCards[0].cardType === flippedCards[1].cardType) { // Match found! LK.getSound('matchFound').play(); // Add success animation - scale up both cards tween(flippedCards[0], { scaleX: 1.3, scaleY: 1.3 }, { duration: 200, easing: tween.easeOut }); tween(flippedCards[1], { scaleX: 1.3, scaleY: 1.3 }, { duration: 200, easing: tween.easeOut }); // Scale back and complete match LK.setTimeout(function () { tween(flippedCards[0], { scaleX: 1.0, scaleY: 1.0 }, { duration: 200, easing: tween.easeIn, onFinish: function onFinish() { flippedCards[0].setMatched(); } }); tween(flippedCards[1], { scaleX: 1.0, scaleY: 1.0 }, { duration: 200, easing: tween.easeIn, onFinish: function onFinish() { flippedCards[1].setMatched(); } }); }, 200); LK.setTimeout(function () { flippedCards = []; matchedPairs++; checkLevelComplete(); }, 600); } else { // No match, flip back after delay waitingForFlipBack = true; LK.setTimeout(function () { flippedCards[0].flipBack(); flippedCards[1].flipBack(); flippedCards = []; waitingForFlipBack = false; }, 1000); } } } function checkLevelComplete() { if (matchedPairs === totalPairs) { levelComplete = true; LK.getSound('levelComplete').play(); LK.effects.flashScreen(0x2ecc71, 500); if (currentLevel >= maxLevel) { maxLevel = currentLevel + 1; storage.maxLevel = maxLevel; } // Check if game is completed (level 5) if (currentLevel >= 5) { // Show victory screen instead of next level button LK.setTimeout(function () { // Hide all game elements levelText.visible = false; instructionText.visible = false; nextButton.visible = false; // Hide all cards for (var row = 0; row < cardGrid.length; row++) { for (var col = 0; col < cardGrid[row].length; col++) { if (cardGrid[row] && cardGrid[row][col]) { cardGrid[row][col].visible = false; } } } // Create and show victory screen var victoryScreen = game.addChild(new VictoryScreen()); victoryScreen.alpha = 0; tween(victoryScreen, { alpha: 1 }, { duration: 500 }); // Show celebration effect LK.effects.flashScreen(0xFFD700, 1000); LK.setTimeout(function () { LK.showYouWin(); }, 2000); }, 500); } else { nextButton.show(); LK.setTimeout(function () { tween(instructionText, { alpha: 0 }, { duration: 300 }); completedText = new Text2('Level Complete!', { size: 50, fill: 0x2ECC71 }); completedText.anchor.set(0.5, 0.5); completedText.x = 1024; completedText.y = 700; completedText.alpha = 0; game.addChild(completedText); tween(completedText, { alpha: 1 }, { duration: 500 }); }, 500); } } } var completedText = null; function nextLevel() { currentLevel++; storage.currentLevel = currentLevel; levelText.setText('Level ' + currentLevel); // Clean up existing cards for (var row = 0; row < cardGrid.length; row++) { for (var col = 0; col < cardGrid[row].length; col++) { if (cardGrid[row] && cardGrid[row][col]) { cardGrid[row][col].destroy(); } } } // Clean up completion text if (completedText) { completedText.destroy(); completedText = null; } createMatchingGame(); instructionText.alpha = 1; instructionText.setText('Find matching pairs of cards\nFlip two cards to match them!'); } function resetMatchingGame() { for (var row = 0; row < cardGrid.length; row++) { for (var col = 0; col < cardGrid[row].length; col++) { var card = cardGrid[row][col]; card.flipBack(); card.isMatched = false; card.canClick = true; } } flippedCards = []; matchedPairs = 0; levelComplete = false; waitingForFlipBack = false; nextButton.hide(); } function showMainMenu() { gameStarted = false; currentLevel = 1; storage.currentLevel = 1; levelText.setText('Level 1'); levelText.visible = false; instructionText.visible = false; nextButton.visible = false; // Clean up existing cards if any for (var row = 0; row < cardGrid.length; row++) { for (var col = 0; col < cardGrid[row].length; col++) { if (cardGrid[row] && cardGrid[row][col]) { cardGrid[row][col].destroy(); } } } cardGrid = []; // Clean up completion text if (completedText) { completedText.destroy(); completedText = null; } mainMenu = game.addChild(new MainMenu()); } showMainMenu(); game.update = function () { // Game loop updates handled by individual components };