/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var MudSpot = Container.expand(function () { var self = Container.call(this); var graphics = self.attachAsset('mudspot', { anchorX: 0.5, anchorY: 0.5 }); self.cleaned = false; return self; }); var PowerpuffGirl = Container.expand(function (type) { var self = Container.call(this); var graphics = self.attachAsset(type, { anchorX: 0.5, anchorY: 1.0 }); self.type = type; self.seated = false; self.originalX = 0; self.originalY = 0; return self; }); var WaterSpot = Container.expand(function () { var self = Container.call(this); var graphics = self.attachAsset('waterspot', { anchorX: 0.5, anchorY: 0.5 }); self.dried = false; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87CEEB }); /**** * Game Code ****/ // Game state variables var gameStage = 'trunk'; // trunk, wash, dry, seat, fly var draggedItem = null; // Create ground var ground = game.addChild(LK.getAsset('ground', { anchorX: 0, anchorY: 1.0, x: 0, y: 2732 })); // Create elephant var elephant = game.addChild(LK.getAsset('elephant', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1200 })); // Create trunk var trunk = game.addChild(LK.getAsset('trunk', { anchorX: 0.5, anchorY: 0.0, x: 1024, y: 1000 })); // Create mud spots on elephant var mudSpots = []; for (var i = 0; i < 6; i++) { var mudSpot = new MudSpot(); mudSpot.x = elephant.x + (Math.random() - 0.5) * 400; mudSpot.y = elephant.y + (Math.random() - 0.5) * 200; mudSpots.push(mudSpot); game.addChild(mudSpot); } // Create water spots (initially hidden) var waterSpots = []; for (var i = 0; i < 6; i++) { var waterSpot = new WaterSpot(); waterSpot.x = mudSpots[i].x; waterSpot.y = mudSpots[i].y; waterSpot.alpha = 0; waterSpots.push(waterSpot); game.addChild(waterSpot); } // Create sponge var sponge = game.addChild(LK.getAsset('sponge', { anchorX: 0.5, anchorY: 0.5, x: 200, y: 2000 })); // Create hair dryer var hairdryer = game.addChild(LK.getAsset('hairdryer', { anchorX: 0.5, anchorY: 0.5, x: 1800, y: 2000 })); // Create seats on elephant var seats = []; for (var i = 0; i < 3; i++) { var seat = game.addChild(LK.getAsset('seat', { anchorX: 0.5, anchorY: 0.5, x: elephant.x - 120 + i * 120, y: elephant.y - 100 })); seats.push(seat); } // Create Powerpuff Girls var blossom = new PowerpuffGirl('blossom'); blossom.x = 300; blossom.y = 2500; blossom.originalX = blossom.x; blossom.originalY = blossom.y; game.addChild(blossom); var bubbles = new PowerpuffGirl('bubbles'); bubbles.x = 1024; bubbles.y = 2500; bubbles.originalX = bubbles.x; bubbles.originalY = bubbles.y; game.addChild(bubbles); var buttercup = new PowerpuffGirl('buttercup'); buttercup.x = 1700; buttercup.y = 2500; buttercup.originalX = buttercup.x; buttercup.originalY = buttercup.y; game.addChild(buttercup); var girls = [blossom, bubbles, buttercup]; // Create instruction text var instructionText = new Text2('Pull the trunk down to the ground!', { size: 60, fill: 0x000000 }); instructionText.anchor.set(0.5, 0); LK.gui.top.addChild(instructionText); // Game functions function updateInstructions() { switch (gameStage) { case 'trunk': instructionText.setText('Pull the trunk down to the ground!'); break; case 'wash': instructionText.setText('Use the sponge to clean the mud!'); break; case 'dry': instructionText.setText('Use the hair dryer to dry the elephant!'); break; case 'seat': instructionText.setText('Place the Powerpuff Girls on the seats!'); break; case 'fly': instructionText.setText('Tap the elephant to make it fly!'); break; case 'complete': instructionText.setText('Adventure complete!'); break; } } function checkTrunkPulled() { if (trunk.y >= 2400) { // Trunk reaches ground level gameStage = 'wash'; updateInstructions(); return true; } return false; } function checkMudCleaned() { var allCleaned = true; for (var i = 0; i < mudSpots.length; i++) { if (!mudSpots[i].cleaned) { allCleaned = false; break; } } if (allCleaned && gameStage === 'wash') { gameStage = 'dry'; updateInstructions(); // Show water spots for (var i = 0; i < waterSpots.length; i++) { waterSpots[i].alpha = 1; } } return allCleaned; } function checkElephantDried() { var allDried = true; for (var i = 0; i < waterSpots.length; i++) { if (!waterSpots[i].dried) { allDried = false; break; } } if (allDried && gameStage === 'dry') { gameStage = 'seat'; updateInstructions(); } return allDried; } function checkAllSeated() { var allSeated = true; for (var i = 0; i < girls.length; i++) { if (!girls[i].seated) { allSeated = false; break; } } if (allSeated && gameStage === 'seat') { gameStage = 'fly'; updateInstructions(); } return allSeated; } function makeElephantFly() { if (gameStage === 'fly') { LK.getSound('fly').play(); // Animate elephant and girls flying up tween(elephant, { y: -200, scaleX: 0.5, scaleY: 0.5 }, { duration: 3000 }); tween(trunk, { y: -400 }, { duration: 3000 }); for (var i = 0; i < girls.length; i++) { if (girls[i].seated) { tween(girls[i], { y: girls[i].y - 1400, scaleX: 0.5, scaleY: 0.5 }, { duration: 3000 }); } } for (var i = 0; i < seats.length; i++) { tween(seats[i], { y: seats[i].y - 1400, scaleX: 0.5, scaleY: 0.5 }, { duration: 3000 }); } gameStage = 'complete'; LK.setTimeout(function () { updateInstructions(); LK.setTimeout(function () { LK.showYouWin(); }, 2000); }, 3000); } } // Event handlers game.down = function (x, y, obj) { if (gameStage === 'trunk' && trunk.intersects({ x: x, y: y, width: 1, height: 1 })) { draggedItem = trunk; } else if (gameStage === 'wash' && sponge.intersects({ x: x, y: y, width: 1, height: 1 })) { draggedItem = sponge; } else if (gameStage === 'dry' && hairdryer.intersects({ x: x, y: y, width: 1, height: 1 })) { draggedItem = hairdryer; } else if (gameStage === 'seat') { for (var i = 0; i < girls.length; i++) { if (!girls[i].seated && girls[i].intersects({ x: x, y: y, width: 1, height: 1 })) { draggedItem = girls[i]; break; } } } else if (gameStage === 'fly' && elephant.intersects({ x: x, y: y, width: 1, height: 1 })) { makeElephantFly(); } }; game.move = function (x, y, obj) { if (draggedItem) { draggedItem.x = x; draggedItem.y = y; if (draggedItem === trunk) { checkTrunkPulled(); } else if (draggedItem === sponge) { // Check collision with mud spots for (var i = 0; i < mudSpots.length; i++) { if (!mudSpots[i].cleaned && sponge.intersects(mudSpots[i])) { mudSpots[i].cleaned = true; mudSpots[i].alpha = 0; LK.getSound('splash').play(); } } checkMudCleaned(); } else if (draggedItem === hairdryer) { // Check collision with water spots for (var i = 0; i < waterSpots.length; i++) { if (!waterSpots[i].dried && hairdryer.intersects(waterSpots[i])) { waterSpots[i].dried = true; waterSpots[i].alpha = 0; LK.getSound('whoosh').play(); } } checkElephantDried(); } } }; game.up = function (x, y, obj) { if (draggedItem && gameStage === 'seat') { // Check if girl is dropped on a seat var droppedOnSeat = false; for (var i = 0; i < seats.length; i++) { if (draggedItem.intersects(seats[i])) { // Check if seat is already occupied var seatOccupied = false; for (var j = 0; j < girls.length; j++) { if (girls[j] !== draggedItem && girls[j].seated && Math.abs(girls[j].x - seats[i].x) < 50 && Math.abs(girls[j].y - seats[i].y) < 50) { seatOccupied = true; break; } } if (!seatOccupied) { draggedItem.x = seats[i].x; draggedItem.y = seats[i].y; draggedItem.seated = true; droppedOnSeat = true; break; } } } // If not dropped on valid seat, return to original position if (!droppedOnSeat) { draggedItem.x = draggedItem.originalX; draggedItem.y = draggedItem.originalY; draggedItem.seated = false; } checkAllSeated(); } draggedItem = null; }; // Initialize instructions updateInstructions();