/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); var storage = LK.import("@upit/storage.v1"); /**** * Classes ****/ var GiftBox = Container.expand(function (type) { var self = Container.call(this); var boxType = type || 'giftBox1'; var boxGraphics = self.attachAsset(boxType, { anchorX: 0.5, anchorY: 0.5 }); self.isOpened = false; self.boxType = boxType; self.down = function (x, y, obj) { if (!self.isOpened) { self.isOpened = true; tween(boxGraphics, { scaleX: 1.2, scaleY: 1.2, tint: 0xFFFFFF }, { duration: 300 }); LK.getSound('success').play(); // Check if all boxes are opened var allOpened = true; for (var i = 0; i < giftBoxes.length; i++) { if (!giftBoxes[i].isOpened) { allOpened = false; break; } } if (allOpened) { LK.setTimeout(function () { nextLevel(); }, 1000); } } }; return self; }); var LevelButton = Container.expand(function (levelNum) { var self = Container.call(this); var buttonGraphics = self.attachAsset('levelButton', { anchorX: 0.5, anchorY: 0.5 }); self.levelNum = levelNum; // Add level text var levelText = new Text2('Level ' + levelNum, { size: 40, fill: 0xFFFFFF }); levelText.anchor.set(0.5, 0.5); self.addChild(levelText); self.down = function (x, y, obj) { startLevel(levelNum); }; return self; }); var OceanWave = Container.expand(function () { var self = Container.call(this); var waveGraphics = self.attachAsset('oceanWave', { anchorX: 0.5, anchorY: 0.5 }); self.baseY = 0; self.amplitude = 50; self.frequency = 0.05; self.phase = 0; self.update = function () { self.phase += 0.1; self.y = self.baseY + Math.sin(self.phase) * self.amplitude; }; return self; }); var SummerItem = Container.expand(function (itemType) { var self = Container.call(this); var itemGraphics = self.attachAsset(itemType, { anchorX: 0.5, anchorY: 0.5 }); self.itemType = itemType; self.isDragging = false; self.isPacked = false; self.originalX = 0; self.originalY = 0; self.down = function (x, y, obj) { if (!self.isPacked) { self.isDragging = true; draggedItem = self; } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87CEEB }); /**** * Game Code ****/ var currentLevel = storage.currentLevel || 1; var gameState = 'menu'; // 'menu', 'level1', 'level2', 'level3', 'level4' var levelButtons = []; var oceanWaves = []; var giftBoxes = []; var summerItems = []; var adventureBag = null; var draggedItem = null; var whiteOverlay = null; var cinemaScreen = null; var erasedPixels = []; // Title text var titleText = new Text2('Powerpuff Girls\nSummer Holiday Adventure', { size: 80, fill: 0xFF1493 }); titleText.anchor.set(0.5, 0.5); titleText.x = 1024; titleText.y = 400; LK.gui.center.addChild(titleText); function createMenu() { gameState = 'menu'; // Create level buttons for (var i = 1; i <= 4; i++) { var button = new LevelButton(i); button.x = 400 + (i - 1) * 300; button.y = 1000; if (i > currentLevel) { button.alpha = 0.5; } levelButtons.push(button); game.addChild(button); } } function startLevel(levelNum) { if (levelNum > currentLevel) return; clearGame(); gameState = 'level' + levelNum; switch (levelNum) { case 1: initLevel1(); break; case 2: initLevel2(); break; case 3: initLevel3(); break; case 4: initLevel4(); break; } } function initLevel1() { // Ocean waves level for (var i = 0; i < 5; i++) { var wave = new OceanWave(); wave.x = 200 + i * 350; wave.y = 1366 + i * 50; wave.baseY = wave.y; wave.phase = i * 0.5; oceanWaves.push(wave); game.addChild(wave); } // Complete level after 5 seconds LK.setTimeout(function () { nextLevel(); }, 5000); } function initLevel2() { // Gift boxes level var boxTypes = ['giftBox1', 'giftBox2', 'giftBox3']; for (var i = 0; i < 3; i++) { var box = new GiftBox(boxTypes[i]); box.x = 400 + i * 400; box.y = 1366; giftBoxes.push(box); game.addChild(box); } // Add instruction text var instructionText = new Text2('Tap the gift boxes!', { size: 60, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 1024; instructionText.y = 800; game.addChild(instructionText); } function initLevel3() { // Bag packing level adventureBag = game.addChild(LK.getAsset('adventureBag', { anchorX: 0.5, anchorY: 0.5 })); adventureBag.x = 1024; adventureBag.y = 2000; // Create summer items var itemTypes = ['sunglasses', 'beachBall', 'sunscreen', 'towel', 'hat']; for (var i = 0; i < 5; i++) { var item = new SummerItem(itemTypes[i]); item.x = 200 + i * 300; item.y = 1000; item.originalX = item.x; item.originalY = item.y; summerItems.push(item); game.addChild(item); } // Add instruction text var instructionText = new Text2('Drag items to the bag!', { size: 60, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 1024; instructionText.y = 600; game.addChild(instructionText); } function initLevel4() { // Cinema reveal level cinemaScreen = game.addChild(LK.getAsset('cinemaScreen', { anchorX: 0.5, anchorY: 0.5 })); cinemaScreen.x = 1024; cinemaScreen.y = 1366; whiteOverlay = game.addChild(LK.getAsset('whiteOverlay', { anchorX: 0.5, anchorY: 0.5 })); whiteOverlay.x = 1024; whiteOverlay.y = 1366; // Add instruction text var instructionText = new Text2('Rub to reveal the cinema!', { size: 60, fill: 0x000000 }); instructionText.anchor.set(0.5, 0.5); instructionText.x = 1024; instructionText.y = 300; game.addChild(instructionText); } function clearGame() { // Remove all game objects for (var i = 0; i < levelButtons.length; i++) { levelButtons[i].destroy(); } levelButtons = []; for (var i = 0; i < oceanWaves.length; i++) { oceanWaves[i].destroy(); } oceanWaves = []; for (var i = 0; i < giftBoxes.length; i++) { giftBoxes[i].destroy(); } giftBoxes = []; for (var i = 0; i < summerItems.length; i++) { summerItems[i].destroy(); } summerItems = []; if (adventureBag) { adventureBag.destroy(); adventureBag = null; } if (whiteOverlay) { whiteOverlay.destroy(); whiteOverlay = null; } if (cinemaScreen) { cinemaScreen.destroy(); cinemaScreen = null; } // Clear any remaining children while (game.children.length > 0) { game.children[0].destroy(); } draggedItem = null; erasedPixels = []; } function nextLevel() { LK.getSound('complete').play(); currentLevel++; storage.currentLevel = currentLevel; if (currentLevel > 4) { // Game completed LK.showYouWin(); } else { // Return to menu clearGame(); createMenu(); } } function handleMove(x, y, obj) { if (gameState === 'level3' && draggedItem) { draggedItem.x = x; draggedItem.y = y; } if (gameState === 'level4' && whiteOverlay) { // Erase white overlay by reducing alpha in touched area var distance = Math.sqrt(Math.pow(x - whiteOverlay.x, 2) + Math.pow(y - whiteOverlay.y, 2)); if (distance < 100) { whiteOverlay.alpha -= 0.02; if (whiteOverlay.alpha <= 0) { whiteOverlay.alpha = 0; LK.setTimeout(function () { nextLevel(); }, 1000); } } } } function handleDown(x, y, obj) { // Handle level 3 item selection if (gameState === 'level3') { for (var i = 0; i < summerItems.length; i++) { var item = summerItems[i]; if (!item.isPacked && item.intersects({ x: x, y: y, width: 1, height: 1 })) { draggedItem = item; break; } } } } function handleUp(x, y, obj) { if (gameState === 'level3' && draggedItem && adventureBag) { // Check if item is dropped on bag if (draggedItem.intersects(adventureBag)) { draggedItem.isPacked = true; draggedItem.x = adventureBag.x; draggedItem.y = adventureBag.y; draggedItem.alpha = 0.5; LK.getSound('success').play(); // Check if all items are packed var allPacked = true; for (var i = 0; i < summerItems.length; i++) { if (!summerItems[i].isPacked) { allPacked = false; break; } } if (allPacked) { LK.setTimeout(function () { nextLevel(); }, 1000); } } else { // Return to original position draggedItem.x = draggedItem.originalX; draggedItem.y = draggedItem.originalY; } } draggedItem = null; } game.move = handleMove; game.down = handleDown; game.up = handleUp; game.update = function () { // Update ocean waves for (var i = 0; i < oceanWaves.length; i++) { oceanWaves[i].update(); } }; // Initialize the game createMenu();