/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var MainMenu = Container.expand(function () { var self = Container.call(this); // Dark overlay background self.overlay = self.attachAsset('shadowZone', { anchorX: 0.5, anchorY: 0.5, scaleX: 6, scaleY: 8, alpha: 0.9 }); self.overlay.x = 1024; self.overlay.y = 1366; // Title text self.titleText = new Text2('LUZ Y SOMBRA', { size: 120, fill: 0xFFFFFF }); self.titleText.anchor.set(0.5, 0.5); self.titleText.x = 1024; self.titleText.y = 800; self.addChild(self.titleText); // Subtitle self.subtitleText = new Text2('Transform between light and shadow\nto restore balance to the world', { size: 50, fill: 0xCCCCCC }); self.subtitleText.anchor.set(0.5, 0.5); self.subtitleText.x = 1024; self.subtitleText.y = 1000; self.addChild(self.subtitleText); // Start button background with cartoon styling self.startButton = self.attachAsset('lightZone', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.2, scaleY: 0.6, tint: 0x00FF88 }); self.startButton.x = 1024; self.startButton.y = 1400; // Add cartoon border effect self.buttonBorder = self.attachAsset('shadowZone', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.25, scaleY: 0.65, tint: 0x004433, alpha: 0.8 }); self.buttonBorder.x = 1024; self.buttonBorder.y = 1405; // Add shadow effect self.buttonShadow = self.attachAsset('shadowZone', { anchorX: 0.5, anchorY: 0.5, scaleX: 1.22, scaleY: 0.62, tint: 0x000000, alpha: 0.4 }); self.buttonShadow.x = 1024; self.buttonShadow.y = 1410; // Start button text with cartoon styling self.startText = new Text2('TAP TO START', { size: 64, fill: 0x003322 }); self.startText.anchor.set(0.5, 0.5); self.startText.x = 1024; self.startText.y = 1400; self.addChild(self.startText); // Add text outline effect self.startTextOutline = new Text2('TAP TO START', { size: 66, fill: 0xFFFFFF }); self.startTextOutline.anchor.set(0.5, 0.5); self.startTextOutline.x = 1022; self.startTextOutline.y = 1398; self.addChild(self.startTextOutline); // Ensure text is on top of outline self.removeChild(self.startText); self.addChild(self.startText); // Enhanced pulsing animation using tween self.startPulse = function () { // Scale up animation for button tween(self.startButton, { scaleX: 1.4, scaleY: 0.7 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { // Scale down animation tween(self.startButton, { scaleX: 1.2, scaleY: 0.6 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { self.startPulse(); // Loop the animation } }); } }); // Animate border with slight delay tween(self.buttonBorder, { scaleX: 1.45, scaleY: 0.75 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { tween(self.buttonBorder, { scaleX: 1.25, scaleY: 0.65 }, { duration: 800, easing: tween.easeInOut }); } }); // Animate shadow tween(self.buttonShadow, { scaleX: 1.42, scaleY: 0.72 }, { duration: 800, easing: tween.easeInOut, onFinish: function onFinish() { tween(self.buttonShadow, { scaleX: 1.22, scaleY: 0.62 }, { duration: 800, easing: tween.easeInOut }); } }); // Joyful bouncing text animation tween(self.startText, { scaleX: 1.3, scaleY: 1.4, rotation: 0.1 }, { duration: 500, easing: tween.bounceOut, onFinish: function onFinish() { tween(self.startText, { scaleX: 1.0, scaleY: 1.0, rotation: -0.05 }, { duration: 700, easing: tween.elasticOut, onFinish: function onFinish() { tween(self.startText, { rotation: 0 }, { duration: 300, easing: tween.easeInOut }); } }); } }); // Outline bouncing animation with slight offset tween(self.startTextOutline, { scaleX: 1.25, scaleY: 1.35, rotation: 0.08 }, { duration: 500, easing: tween.bounceOut, onFinish: function onFinish() { tween(self.startTextOutline, { scaleX: 1.0, scaleY: 1.0, rotation: -0.03 }, { duration: 700, easing: tween.elasticOut, onFinish: function onFinish() { tween(self.startTextOutline, { rotation: 0 }, { duration: 300, easing: tween.easeInOut }); } }); } }); }; // Start the pulsing animation self.startPulse(); // Rainbow color animation for the text self.colorIndex = 0; self.rainbowColors = [0xFF0080, // Hot pink 0xFF4000, // Orange red 0xFFFF00, // Bright yellow 0x00FF40, // Lime green 0x0080FF, // Sky blue 0x8000FF, // Purple 0xFF0080 // Back to hot pink ]; self.colorPulse = function () { var currentColor = self.rainbowColors[self.colorIndex]; var nextIndex = (self.colorIndex + 1) % self.rainbowColors.length; var nextColor = self.rainbowColors[nextIndex]; tween(self.startText, { tint: currentColor }, { duration: 600, easing: tween.easeInOut, onFinish: function onFinish() { self.colorIndex = nextIndex; self.colorPulse(); // Loop the color animation } }); // Outline with complementary colors var outlineColor = self.colorIndex % 2 === 0 ? 0xFFFFFF : 0x000000; tween(self.startTextOutline, { tint: outlineColor }, { duration: 600, easing: tween.easeInOut }); }; // Start the rainbow color animation self.colorPulse(); self.update = function () { // Remove old simple pulsing - now using tween animations }; self.down = function (x, y, obj) { // Check if click is on start button area var buttonDistance = Math.sqrt(Math.pow(x - 1024, 2) + Math.pow(y - 1400, 2)); if (buttonDistance < 200) { self.startGame(); } }; self.startGame = function () { // Remove menu and start game self.parent.removeChild(self); gameStarted = true; // Show all game elements grassBackground.visible = true; player.visible = true; zone1.visible = true; zone2.visible = true; zone3.visible = true; zone4.visible = true; platform1.visible = true; platform2.visible = true; platform3.visible = true; platform4.visible = true; instructionText.visible = true; scoreText.visible = true; transformText.visible = true; }; return self; }); var Platform = Container.expand(function (platformType, platformX, platformY) { var self = Container.call(this); self.platformType = platformType; self.isActive = false; var assetType = platformType === 'light' ? 'lightPlatform' : 'shadowPlatform'; self.graphics = self.attachAsset(assetType, { anchorX: 0.5, anchorY: 0.5, alpha: 0.3 }); self.x = platformX; self.y = platformY; self.activate = function () { if (!self.isActive) { self.isActive = true; LK.getSound('activate').play(); tween(self.graphics, { alpha: 1 }, { duration: 500 }); } }; self.deactivate = function () { if (self.isActive) { self.isActive = false; tween(self.graphics, { alpha: 0.3 }, { duration: 500 }); } }; return self; }); var Player = Container.expand(function () { var self = Container.call(this); self.isLightForm = true; self.speed = 8; self.transformCooldown = 0; self.lightGraphics = self.attachAsset('lightForm', { anchorX: 0.5, anchorY: 0.5 }); self.shadowGraphics = self.attachAsset('shadowForm', { anchorX: 0.5, anchorY: 0.5, alpha: 0 }); self.transform = function () { if (self.transformCooldown > 0) return; self.isLightForm = !self.isLightForm; self.transformCooldown = 30; LK.getSound('transform').play(); if (self.isLightForm) { tween(self.lightGraphics, { alpha: 1 }, { duration: 300 }); tween(self.shadowGraphics, { alpha: 0 }, { duration: 300 }); } else { tween(self.lightGraphics, { alpha: 0 }, { duration: 300 }); tween(self.shadowGraphics, { alpha: 1 }, { duration: 300 }); } }; self.update = function () { if (self.transformCooldown > 0) { self.transformCooldown--; } }; return self; }); var Zone = Container.expand(function (zoneType, zoneX, zoneY) { var self = Container.call(this); self.zoneType = zoneType; self.isCorrupted = true; self.healingProgress = 0; self.particles = []; var assetType = zoneType === 'light' ? 'lightZone' : 'shadowZone'; if (zoneType === 'light') { self.skyBackground = self.attachAsset('skyBlue', { anchorX: 0.5, anchorY: 0.5 }); } self.background = self.attachAsset(assetType, { anchorX: 0.5, anchorY: 0.5 }); self.x = zoneX; self.y = zoneY; self.createCorruptionParticles = function () { for (var i = 0; i < 8; i++) { var particle = self.addChild(LK.getAsset('corruptionParticle', { anchorX: 0.5, anchorY: 0.5 })); particle.x = (Math.random() - 0.5) * 300; particle.y = (Math.random() - 0.5) * 300; particle.floatSpeed = Math.random() * 2 + 1; particle.floatDirection = Math.random() * Math.PI * 2; self.particles.push(particle); } }; self.heal = function () { if (!self.isCorrupted) return; self.healingProgress += 2; if (self.healingProgress >= 100) { self.isCorrupted = false; LK.getSound('heal').play(); for (var i = self.particles.length - 1; i >= 0; i--) { var particle = self.particles[i]; tween(particle, { alpha: 0, scaleX: 0, scaleY: 0 }, { duration: 1000, onFinish: function onFinish() { if (particle.parent) { particle.parent.removeChild(particle); } } }); } self.particles = []; tween(self.background, { tint: 0x99CC99 }, { duration: 2000 }); for (var j = 0; j < 12; j++) { var healParticle = self.addChild(LK.getAsset('healingParticle', { anchorX: 0.5, anchorY: 0.5 })); healParticle.x = (Math.random() - 0.5) * 400; healParticle.y = (Math.random() - 0.5) * 400; tween(healParticle, { y: healParticle.y - 200, alpha: 0, scaleX: 2, scaleY: 2 }, { duration: 2000, onFinish: function onFinish() { if (healParticle.parent) { healParticle.parent.removeChild(healParticle); } } }); } zonesHealed++; scoreText.setText('Zones Healed: ' + zonesHealed + '/4'); if (zonesHealed >= 4) { LK.setTimeout(function () { LK.showYouWin(); }, 2000); } } }; self.update = function () { for (var i = 0; i < self.particles.length; i++) { var particle = self.particles[i]; particle.x += Math.cos(particle.floatDirection) * particle.floatSpeed; particle.y += Math.sin(particle.floatDirection) * particle.floatSpeed; if (Math.abs(particle.x) > 200) { particle.floatDirection = Math.PI - particle.floatDirection; } if (Math.abs(particle.y) > 200) { particle.floatDirection = -particle.floatDirection; } } }; self.createCorruptionParticles(); return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x006400 }); /**** * Game Code ****/ var gameStarted = false; var grassBackground = game.addChild(LK.getAsset('grass', { anchorX: 0, anchorY: 0 })); grassBackground.x = 0; grassBackground.y = 0; grassBackground.visible = false; // Create and show main menu var mainMenu = game.addChild(new MainMenu()); var player = game.addChild(new Player()); player.x = 1024; player.y = 1366; player.visible = false; var zones = []; var platforms = []; var zonesHealed = 0; var zone1 = game.addChild(new Zone('light', 512, 600)); var zone2 = game.addChild(new Zone('shadow', 1536, 600)); var zone3 = game.addChild(new Zone('light', 512, 1800)); var zone4 = game.addChild(new Zone('shadow', 1536, 1800)); zones.push(zone1, zone2, zone3, zone4); zone1.visible = false; zone2.visible = false; zone3.visible = false; zone4.visible = false; var platform1 = game.addChild(new Platform('light', 800, 900)); var platform2 = game.addChild(new Platform('shadow', 1248, 900)); var platform3 = game.addChild(new Platform('light', 800, 1500)); var platform4 = game.addChild(new Platform('shadow', 1248, 1500)); platforms.push(platform1, platform2, platform3, platform4); platform1.visible = false; platform2.visible = false; platform3.visible = false; platform4.visible = false; var instructionText = new Text2('Tap to move player\nDouble tap to transform\nStand on matching platforms to heal zones', { size: 40, fill: 0xFFFFFF }); instructionText.anchor.set(0.5, 0); LK.gui.top.addChild(instructionText); instructionText.y = 100; instructionText.visible = false; var scoreText = new Text2('Zones Healed: 0/4', { size: 50, fill: 0xFFFF99 }); scoreText.anchor.set(0.5, 0); LK.gui.top.addChild(scoreText); scoreText.y = 200; scoreText.visible = false; var transformText = new Text2('', { size: 45, fill: 0xFF99FF }); transformText.anchor.set(0.5, 1); LK.gui.bottom.addChild(transformText); transformText.visible = false; var lastTapTime = 0; var targetX = player.x; var targetY = player.y; game.down = function (x, y, obj) { if (!gameStarted) { return; // Menu will handle its own input } var currentTime = Date.now(); if (currentTime - lastTapTime < 300) { player.transform(); } else { targetX = x; targetY = y; } lastTapTime = currentTime; }; game.update = function () { if (!gameStarted) { return; // Don't update game logic until started } var dx = targetX - player.x; var dy = targetY - player.y; var distance = Math.sqrt(dx * dx + dy * dy); if (distance > 10) { var moveX = dx / distance * player.speed; var moveY = dy / distance * player.speed; player.x += moveX; player.y += moveY; } for (var i = 0; i < platforms.length; i++) { var platform = platforms[i]; var platformDistance = Math.sqrt(Math.pow(player.x - platform.x, 2) + Math.pow(player.y - platform.y, 2)); if (platformDistance < 120) { if (player.isLightForm && platform.platformType === 'light' || !player.isLightForm && platform.platformType === 'shadow') { platform.activate(); } else { platform.deactivate(); } } else { platform.deactivate(); } } for (var j = 0; j < zones.length; j++) { var zone = zones[j]; if (!zone.isCorrupted) continue; var zoneDistance = Math.sqrt(Math.pow(player.x - zone.x, 2) + Math.pow(player.y - zone.y, 2)); if (zoneDistance < 220) { var nearbyPlatform = null; for (var k = 0; k < platforms.length; k++) { var checkPlatform = platforms[k]; var platZoneDistance = Math.sqrt(Math.pow(zone.x - checkPlatform.x, 2) + Math.pow(zone.y - checkPlatform.y, 2)); if (platZoneDistance < 400 && checkPlatform.isActive) { var correctForm = zone.zoneType === 'light' && !player.isLightForm || zone.zoneType === 'shadow' && player.isLightForm; if (correctForm) { nearbyPlatform = checkPlatform; break; } } } if (nearbyPlatform) { zone.heal(); } } } if (player.isLightForm) { transformText.setText('Light Form - Fast Movement'); transformText.fill = "#FFFF99"; } else { transformText.setText('Shadow Form - Energy Absorption'); transformText.fill = "#9966FF"; } if (player.transformCooldown > 0) { transformText.setText(transformText.text + ' (Cooldown: ' + Math.ceil(player.transformCooldown / 60) + 's)'); } };