/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var FuelPickup = Container.expand(function () { var self = Container.call(this); var fuelGraphics = self.attachAsset('fuel', { anchorX: 0.5, anchorY: 0.5 }); self.depth = 2500; self.worldX = 0; self.worldY = 0; self.collected = false; self.update = function () { // Rotate for visual effect fuelGraphics.rotation += 0.1; // Update depth with plane movement synchronization var planeMovementFactor = Math.sqrt(plane.worldX * plane.worldX + plane.worldY * plane.worldY) / 1000; var adjustedSpeed = gameSpeed * (1 + planeMovementFactor * 0.5); self.depth -= adjustedSpeed; if (self.depth <= 0) { self.depth = 5000 + Math.random() * 3000; self.worldX = (Math.random() - 0.5) * 800; self.worldY = 300 + Math.random() * 600; self.collected = false; } // Calculate screen position var scale = 800 / self.depth; self.scaleX = scale; self.scaleY = scale; var screenX = 1024 + self.worldX * scale; var screenY = 1366 + self.worldY * scale * 0.5 - plane.worldY * 4.8; self.x = screenX; self.y = screenY; // Check collection if (false) { self.collected = true; fuel = Math.min(fuel + 5, 100); // Refuel but cap at 100 LK.setScore(LK.getScore() + 50); scoreText.setText('Score: ' + LK.getScore()); LK.getSound('collect').play(); // Visual feedback tween(self, { scaleX: 0, scaleY: 0 }, { duration: 200, onFinish: function onFinish() { self.scaleX = 1; self.scaleY = 1; } }); } }; return self; }); var Obstacle = Container.expand(function () { var self = Container.call(this); var obstacleGraphics = self.attachAsset('obstacle', { anchorX: 0.5, anchorY: 0.5 }); self.depth = 3000; self.worldX = 0; self.worldY = 0; self.hit = false; self.update = function () { // Update depth with plane movement synchronization var planeMovementFactor = Math.sqrt(plane.worldX * plane.worldX + plane.worldY * plane.worldY) / 1000; var adjustedSpeed = gameSpeed * (1 + planeMovementFactor * 0.5); self.depth -= adjustedSpeed; if (self.depth <= 0) { self.depth = 2500 + Math.random() * 1500; self.worldX = (Math.random() - 0.5) * 1200; self.worldY = 200 + Math.random() * 1000; self.hit = false; } // Calculate screen position var scale = 800 / self.depth; self.scaleX = scale; self.scaleY = scale; var screenX = 1024 + self.worldX * scale; var screenY = 1366 + self.worldY * scale * 0.5 - plane.worldY * 4.8; self.x = screenX; self.y = screenY; // Check collision with plane if (false) { self.hit = true; LK.getSound('crash').play(); LK.effects.flashScreen(0xFF0000, 500); fuel -= 30; // Penalty for hitting obstacle if (fuel <= 0) { // Game continues even with no fuel } } }; return self; }); var Plane = Container.expand(function () { var self = Container.call(this); var planeGraphics = self.attachAsset('Plane', { anchorX: 0.5, anchorY: 0.5 }); self.worldX = 0; self.worldY = 0; self.update = function () { // Position plane based on world coordinates self.x = 1024 + self.worldX; self.y = 1666 + self.worldY; }; return self; }); var Ring = Container.expand(function () { var self = Container.call(this); var ringOuter = self.attachAsset('ring', { anchorX: 0.5, anchorY: 0.5 }); // Create inner hole by adding smaller ring var ringInner = self.attachAsset('ring', { anchorX: 0.5, anchorY: 0.5, scaleX: 0.6, scaleY: 0.6, tint: 0x000000 }); self.depth = 2000; self.collected = false; self.worldX = 0; self.worldY = 0; self.update = function () { // Skip update if ring is hidden during delay if (self.alpha === 0) { return; } // Update depth with plane movement synchronization var planeMovementFactor = Math.sqrt(plane.worldX * plane.worldX + plane.worldY * plane.worldY) / 1000; var adjustedSpeed = gameSpeed * (1 + planeMovementFactor * 0.5); self.depth -= adjustedSpeed; if (self.depth <= 0) { // Check if we need to delay loading the next ring if (!ringDelayActive) { ringDelayActive = true; nextRingLoadTime = LK.ticks + 120; // 2 seconds at 60fps // Hide ring temporarily self.depth = -1000; self.alpha = 0; } else if (LK.ticks >= nextRingLoadTime) { // 2 seconds have passed, load the ring ringDelayActive = false; // Find this ring's index in the rings array to maintain proper spacing var ringIndex = -1; for (var i = 0; i < rings.length; i++) { if (rings[i] === self) { ringIndex = i; break; } } // Respawn with proper spacing based on index self.depth = 8000 + ringIndex * 8000; self.worldX = (Math.random() - 0.5) * 1000; self.worldY = 400 + Math.random() * 800; self.collected = false; self.alpha = 1; } } // Calculate screen position based on perspective var scale = 800 / self.depth; self.scaleX = scale; self.scaleY = scale; // Project 3D position to 2D screen var screenX = 1024 + self.worldX * scale; var screenY = 1366 + self.worldY * scale * 0.5 - plane.worldY * 4.8; self.x = screenX; self.y = screenY; // Check collision with plane when close enough if (false) { self.collected = true; LK.setScore(LK.getScore() + 100); scoreText.setText('Score: ' + LK.getScore()); LK.getSound('collect').play(); // Visual feedback tween(self, { scaleX: self.scaleX * 2, scaleY: self.scaleY * 2, alpha: 0 }, { duration: 300, onFinish: function onFinish() { self.alpha = 1; } }); } }; return self; }); var River = Container.expand(function () { var self = Container.call(this); self.waterSegments = []; self.leftBanks = []; self.rightBanks = []; self.waveOffset = 0; // Create multiple water segments for flowing effect for (var i = 0; i < 15; i++) { var waterSegment = self.attachAsset('water', { anchorX: 0.5, anchorY: 0.5 }); waterSegment.tint = 0x0080ff + i % 3 * 0x002244; // Brighter blue with variations self.waterSegments.push(waterSegment); // Create riverbanks var leftBank = self.attachAsset('riverbank', { anchorX: 0.5, anchorY: 0.5 }); leftBank.tint = 0x8b4513; self.leftBanks.push(leftBank); var rightBank = self.attachAsset('riverbank', { anchorX: 0.5, anchorY: 0.5 }); rightBank.tint = 0x8b4513; self.rightBanks.push(rightBank); } self.update = function () { // Animate wave movement self.waveOffset += 0.15; // Position water segments and banks for (var i = 0; i < self.waterSegments.length; i++) { var segment = self.waterSegments[i]; var leftBank = self.leftBanks[i]; var rightBank = self.rightBanks[i]; // Calculate flowing positions var flowY = 2732 + 1600 - plane.worldY * 2.4 + i * 150 - self.waveOffset * 30 % (150 * self.waterSegments.length); var waveX = Math.sin(self.waveOffset + i * 0.8) * 20; // Water segment segment.x = 1024 + waveX; segment.y = flowY; segment.scaleX = 6.0 + Math.sin(self.waveOffset + i * 0.5) * 0.3; segment.scaleY = 0.8; segment.alpha = 0.8 + Math.sin(self.waveOffset + i * 0.3) * 0.1; // Left bank leftBank.x = 1024 - 1200; leftBank.y = flowY; leftBank.scaleX = 1.5; leftBank.scaleY = 0.8; // Right bank rightBank.x = 1024 + 1200; rightBank.y = flowY; rightBank.scaleX = 1.5; rightBank.scaleY = 0.8; // Reset segments that have moved too far if (flowY > 4100) { segment.y = flowY - 150 * self.waterSegments.length; leftBank.y = flowY - 150 * self.waterSegments.length; rightBank.y = flowY - 150 * self.waterSegments.length; } } }; return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87CEEB }); /**** * Game Code ****/ // Game variables var rings = []; var obstacles = []; var fuelPickups = []; var ground; var plane; var gameSpeed = 8; var fuel = 100; var scoreText; var fuelText; var speedText; var isDragging = false; var ringDelayActive = false; var nextRingLoadTime = 0; // Create UI elements scoreText = new Text2('Score: 0', { size: 60, fill: 0xFFFFFF }); scoreText.anchor.set(0, 0); LK.gui.topLeft.addChild(scoreText); scoreText.x = 120; // Offset to avoid menu icon fuelText = new Text2('Fuel: 100', { size: 50, fill: 0xFFFF00 }); fuelText.anchor.set(1, 0); LK.gui.topRight.addChild(fuelText); speedText = new Text2('Speed: 8', { size: 40, fill: 0x00FF00 }); speedText.anchor.set(0.5, 0); LK.gui.top.addChild(speedText); speedText.y = 100; // Create animated river ground = game.addChild(new River()); // Create plane in middle of screen plane = game.addChild(new Plane()); plane.x = 1024; // Center horizontally plane.y = 1366; // Center vertically // Create JR asset in left bottom corner var jr = LK.getAsset('JR', { anchorX: 0, anchorY: 1 }); game.addChild(jr); jr.x = 0; // Left edge jr.y = 2732; // Bottom edge // Create JM asset in the middle of JR var jm = LK.getAsset('JM', { anchorX: 0.5, anchorY: 0.5 }); game.addChild(jm); jm.x = jr.x + jr.width / 2; // Center horizontally in JR jm.y = jr.y - jr.height / 2; // Center vertically in JR // Create rings with properly staggered depths for (var i = 0; i < 5; i++) { var ring = new Ring(); ring.depth = 8000 + i * 8000; // Start further out with consistent 8000 unit spacing ring.worldX = (Math.random() - 0.5) * 1000; ring.worldY = 400 + Math.random() * 800; rings.push(ring); game.addChild(ring); } // Create obstacles for (var i = 0; i < 8; i++) { var obstacle = new Obstacle(); obstacle.depth = 2000 + i * 400; obstacle.worldX = (Math.random() - 0.5) * 1200; obstacle.worldY = 200 + Math.random() * 1000; obstacles.push(obstacle); game.addChild(obstacle); } // Create fuel pickups for (var i = 0; i < 2; i++) { var fuelPickup = new FuelPickup(); fuelPickup.depth = 2500 + i * 1600; fuelPickup.worldX = (Math.random() - 0.5) * 800; fuelPickup.worldY = 300 + Math.random() * 600; fuelPickups.push(fuelPickup); game.addChild(fuelPickup); } // Touch controls for JM dragging var dragTarget = null; game.down = function (x, y, obj) { // Check if touch is within JM bounds if (x >= jm.x - jm.width / 2 && x <= jm.x + jm.width / 2 && y >= jm.y - jm.height / 2 && y <= jm.y + jm.height / 2) { dragTarget = jm; isDragging = true; } }; game.move = function (x, y, obj) { if (isDragging && dragTarget === jm) { // Calculate JR boundaries var jrLeft = jr.x; var jrRight = jr.x + jr.width; var jrTop = jr.y - jr.height; var jrBottom = jr.y; // Constrain JM movement within JR boundaries var newX = Math.max(jrLeft + jm.width / 2, Math.min(jrRight - jm.width / 2, x)); var newY = Math.max(jrTop + jm.height / 2, Math.min(jrBottom - jm.height / 2, y)); jm.x = newX; jm.y = newY; } }; game.up = function (x, y, obj) { isDragging = false; dragTarget = null; }; // Start background music LK.playMusic('flight'); // Main game loop game.update = function () { // Update fuel consumption fuel -= 0.1; if (fuel <= 0) { fuel = 0; // Game continues even with no fuel } // Gradually increase speed if (LK.ticks % 600 === 0) { // Every 10 seconds gameSpeed += 0.5; } // Move JM back to center when not being dragged if (!isDragging) { var centerX = jr.x + jr.width / 2; var centerY = jr.y - jr.height / 2; // Only tween if JM is not already at center if (Math.abs(jm.x - centerX) > 5 || Math.abs(jm.y - centerY) > 5) { tween(jm, { x: centerX, y: centerY }, { duration: 1000, easing: tween.easeOut }); } } // Synchronize plane movement to JM position var jrCenterX = jr.x + jr.width / 2; var jrCenterY = jr.y - jr.height / 2; var jmOffsetX = jm.x - jrCenterX; var jmOffsetY = jm.y - jrCenterY; // Normalize JM offset to range (-1 to 1) var normalizedX = jmOffsetX / (jr.width / 2); var normalizedY = jmOffsetY / (jr.height / 2); // Update plane world position based on JM movement plane.worldX = normalizedX * 1000; // Scale movement range (2x increase) plane.worldY = normalizedY * 600; // Scale movement range (2x increase) // Update UI fuelText.setText('Fuel: ' + Math.ceil(fuel)); speedText.setText('Speed: ' + Math.floor(gameSpeed)); // Check for win condition (high score milestone) if (LK.getScore() >= 2000) { LK.showYouWin(); } };