/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var Snowflake = Container.expand(function () { var self = Container.call(this); var snowGraphics = self.attachAsset('snowflake', { anchorX: 0.5, anchorY: 0.5 }); self.speed = Math.random() * 3 + 1; self.sway = Math.random() * 2 - 1; self.update = function () { self.y += self.speed; self.x += self.sway; if (self.y > 1000) { self.y = -50; self.x = Math.random() * 1600; } if (self.x < -50) self.x = 1650; if (self.x > 1650) self.x = -50; }; return self; }); var StoryScene = Container.expand(function () { var self = Container.call(this); self.sceneNumber = 1; self.snowflakes = []; self.setupScene = function (sceneNum) { self.sceneNumber = sceneNum; // Clear previous scene while (self.children.length > 0) { self.removeChild(self.children[0]); } self.snowflakes = []; // Add ground for most scenes if (sceneNum !== 5) { var ground = self.attachAsset('ground', { anchorX: 0, anchorY: 0, x: 0, y: 800 }); } // Scene-specific setup switch (sceneNum) { case 1: self.setupScene1(); break; case 2: self.setupScene2(); break; case 3: self.setupScene3(); break; case 4: self.setupScene4(); break; case 5: self.setupScene5(); break; case 6: self.setupScene6(); break; case 7: self.setupScene7(); break; } }; self.setupScene1 = function () { // Window var window = self.attachAsset('window', { anchorX: 0.5, anchorY: 0.5, x: 400, y: 400 }); // Bing at window var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 400, y: 600 }); // Add snowflakes for (var i = 0; i < 15; i++) { var snowflake = new Snowflake(); snowflake.x = Math.random() * 1600; snowflake.y = Math.random() * 1000; self.addChild(snowflake); self.snowflakes.push(snowflake); } }; self.setupScene2 = function () { // Bing playing outside var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 800, y: 600 }); // Trees var tree1 = self.attachAsset('tree', { anchorX: 0.5, anchorY: 1, x: 300, y: 800 }); var tree2 = self.attachAsset('tree', { anchorX: 0.5, anchorY: 1, x: 1300, y: 800 }); // Light snowfall for (var i = 0; i < 10; i++) { var snowflake = new Snowflake(); snowflake.x = Math.random() * 1600; snowflake.y = Math.random() * 1000; self.addChild(snowflake); self.snowflakes.push(snowflake); } }; self.setupScene3 = function () { // Bing and Sula meeting var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 600, y: 600 }); var sula = self.attachAsset('sula', { anchorX: 0.5, anchorY: 0.5, x: 1000, y: 600 }); // More trees var tree1 = self.attachAsset('tree', { anchorX: 0.5, anchorY: 1, x: 200, y: 800 }); var tree2 = self.attachAsset('tree', { anchorX: 0.5, anchorY: 1, x: 1400, y: 800 }); // Light snowfall for (var i = 0; i < 8; i++) { var snowflake = new Snowflake(); snowflake.x = Math.random() * 1600; snowflake.y = Math.random() * 1000; self.addChild(snowflake); self.snowflakes.push(snowflake); } }; self.setupScene4 = function () { // Bing and Sula in snowstorm var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 650, y: 600 }); var sula = self.attachAsset('sula', { anchorX: 0.5, anchorY: 0.5, x: 950, y: 600 }); // Heavy snowfall for (var i = 0; i < 30; i++) { var snowflake = new Snowflake(); snowflake.x = Math.random() * 1600; snowflake.y = Math.random() * 1000; snowflake.speed = Math.random() * 8 + 4; self.addChild(snowflake); self.snowflakes.push(snowflake); } }; self.setupScene5 = function () { // Grey clouds background for (var i = 0; i < 8; i++) { var cloud = self.attachAsset('cloud', { anchorX: 0.5, anchorY: 0.5, x: Math.random() * 1600, y: Math.random() * 1000 }); } // Falling sleigh var sleigh = self.attachAsset('sleigh', { anchorX: 0.5, anchorY: 0.5, x: 800, y: 300 }); var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 750, y: 280 }); var sula = self.attachAsset('sula', { anchorX: 0.5, anchorY: 0.5, x: 850, y: 280 }); // Animate falling tween(sleigh, { y: 600 }, { duration: 2000, easing: tween.easeIn }); tween(bing, { y: 580 }, { duration: 2000, easing: tween.easeIn }); tween(sula, { y: 580 }, { duration: 2000, easing: tween.easeIn }); }; self.setupScene6 = function () { // Bing and Sula stuck in ropes var rope1 = self.attachAsset('rope', { anchorX: 0.5, anchorY: 0, x: 650, y: 200 }); var rope2 = self.attachAsset('rope', { anchorX: 0.5, anchorY: 0, x: 950, y: 200 }); var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 650, y: 600 }); var sula = self.attachAsset('sula', { anchorX: 0.5, anchorY: 0.5, x: 950, y: 600 }); // Make them shake (distress animation) tween(bing, { x: 670 }, { duration: 200, easing: tween.linear, onFinish: function onFinish() { tween(bing, { x: 630 }, { duration: 200, easing: tween.linear, onFinish: function onFinish() { tween(bing, { x: 650 }, { duration: 200, easing: tween.linear }); } }); } }); tween(sula, { x: 970 }, { duration: 200, easing: tween.linear, onFinish: function onFinish() { tween(sula, { x: 930 }, { duration: 200, easing: tween.linear, onFinish: function onFinish() { tween(sula, { x: 950 }, { duration: 200, easing: tween.linear }); } }); } }); }; self.setupScene7 = function () { // Pando rescuing them var pando = self.attachAsset('pando', { anchorX: 0.5, anchorY: 0.5, x: 800, y: 400 }); var bing = self.attachAsset('bing', { anchorX: 0.5, anchorY: 0.5, x: 600, y: 600 }); var sula = self.attachAsset('sula', { anchorX: 0.5, anchorY: 0.5, x: 1000, y: 600 }); // Light celebratory snowfall for (var i = 0; i < 12; i++) { var snowflake = new Snowflake(); snowflake.x = Math.random() * 1600; snowflake.y = Math.random() * 1000; self.addChild(snowflake); self.snowflakes.push(snowflake); } }; self.update = function () { for (var i = 0; i < self.snowflakes.length; i++) { // Snowflakes update themselves } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87ceeb }); /**** * Game Code ****/ // Sound effects // Scene elements // Story characters // Powerpuff Girls // Background and UI elements var gameState = 'menu'; // 'menu', 'story', 'complete' var currentScene = 1; var maxScenes = 7; // Create TV frame var tvFrame = game.addChild(LK.getAsset('tvFrame', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1000 })); // Create TV screen var tvScreen = game.addChild(LK.getAsset('tvScreen', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1000 })); // Create Powerpuff Girls var blossom = game.addChild(LK.getAsset('blossom', { anchorX: 0.5, anchorY: 1, x: 400, y: 1800 })); var bubbles = game.addChild(LK.getAsset('bubbles', { anchorX: 0.5, anchorY: 1, x: 650, y: 1800 })); var buttercup = game.addChild(LK.getAsset('buttercup', { anchorX: 0.5, anchorY: 1, x: 1600, y: 1800 })); // Create story scene container var storyScene = new StoryScene(); storyScene.x = 224; // Offset to center in TV screen storyScene.y = 500; game.addChild(storyScene); // Create buttons var playButton = game.addChild(LK.getAsset('playButton', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1200 })); var continueButton = game.addChild(LK.getAsset('continueButton', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1600 })); var doneButton = game.addChild(LK.getAsset('doneButton', { anchorX: 0.5, anchorY: 0.5, x: 1024, y: 1600 })); // Create button texts var playText = new Text2('PLAY', { size: 40, fill: 0xFFFFFF }); playText.anchor.set(0.5, 0.5); playText.x = 1024; playText.y = 1200; game.addChild(playText); var continueText = new Text2('CONTINUE', { size: 35, fill: 0xFFFFFF }); continueText.anchor.set(0.5, 0.5); continueText.x = 1024; continueText.y = 1600; game.addChild(continueText); var doneText = new Text2('DONE', { size: 40, fill: 0xFFFFFF }); doneText.anchor.set(0.5, 0.5); doneText.x = 1024; doneText.y = 1600; game.addChild(doneText); // Create scene title var sceneTitle = new Text2('Bing Bunny\'s Christmas Adventure', { size: 50, fill: 0xFFFFFF }); sceneTitle.anchor.set(0.5, 0.5); sceneTitle.x = 1024; sceneTitle.y = 200; game.addChild(sceneTitle); // Update button visibility function updateUI() { playButton.visible = gameState === 'menu'; playText.visible = gameState === 'menu'; continueButton.visible = gameState === 'story' && currentScene < maxScenes; continueText.visible = gameState === 'story' && currentScene < maxScenes; doneButton.visible = gameState === 'story' && currentScene === maxScenes; doneText.visible = gameState === 'story' && currentScene === maxScenes; storyScene.visible = gameState === 'story'; sceneTitle.visible = gameState === 'story'; } // Initialize UI updateUI(); // Handle button clicks game.down = function (x, y, obj) { if (gameState === 'menu' && playButton.visible) { // Check if click is on play button var buttonBounds = playButton.getBounds(); if (x >= buttonBounds.x && x <= buttonBounds.x + buttonBounds.width && y >= buttonBounds.y && y <= buttonBounds.y + buttonBounds.height) { LK.getSound('click').play(); gameState = 'story'; currentScene = 1; storyScene.setupScene(currentScene); updateUI(); } } else if (gameState === 'story' && continueButton.visible) { // Check if click is on continue button var buttonBounds = continueButton.getBounds(); if (x >= buttonBounds.x && x <= buttonBounds.x + buttonBounds.width && y >= buttonBounds.y && y <= buttonBounds.y + buttonBounds.height) { LK.getSound('click').play(); currentScene++; if (currentScene <= maxScenes) { storyScene.setupScene(currentScene); updateUI(); // Play sound effects for certain scenes if (currentScene === 4) { LK.getSound('wind').play(); } else if (currentScene === 6) { LK.getSound('scream').play(); } } } } else if (gameState === 'story' && doneButton.visible) { // Check if click is on done button var buttonBounds = doneButton.getBounds(); if (x >= buttonBounds.x && x <= buttonBounds.x + buttonBounds.width && y >= buttonBounds.y && y <= buttonBounds.y + buttonBounds.height) { LK.getSound('click').play(); gameState = 'menu'; currentScene = 1; updateUI(); } } }; game.update = function () { // Update story scene animations if (gameState === 'story') { // Story scene updates itself and its snowflakes } };