/**** * Plugins ****/ var tween = LK.import("@upit/tween.v1"); /**** * Classes ****/ var AfterburnerSteam = Container.expand(function (startX, startY) { var self = Container.call(this); // Create steam particles using steamParticles asset var steamGraphics = []; for (var i = 0; i < 3; i++) { var steamGraphic = self.attachAsset('steamParticle', { anchorX: 0.5, anchorY: 0.5 }); // Make particles with varying transparency for steam effect steamGraphic.alpha = 0.4 + i * 0.15; steamGraphic.scaleX = 0.3 + i * 0.1; steamGraphic.scaleY = 0.6 + i * 0.2; steamGraphics.push(steamGraphic); } self.x = startX; self.y = startY; // Heat tremor properties self.baseX = startX; self.trembleAmplitude = 8 + Math.random() * 4; self.trembleSpeed = 0.3 + Math.random() * 0.2; self.riseSpeed = 1.5 + Math.random() * 1; // Lifecycle properties self.maxAge = 45; // Shorter life for heat effect self.age = 0; self.update = function () { self.age++; // Create heat tremor/wavering effect var trembleX = Math.sin(self.age * self.trembleSpeed) * self.trembleAmplitude; var trembleY = Math.sin(self.age * self.trembleSpeed * 1.3) * (self.trembleAmplitude * 0.5); // Move heat effect upward with trembling self.x = self.baseX + trembleX; self.y -= self.riseSpeed; self.y += trembleY; // Update individual steam particles with offset trembling for (var i = 0; i < steamGraphics.length; i++) { var particle = steamGraphics[i]; var offsetTrembleX = Math.sin((self.age + i * 10) * self.trembleSpeed) * (self.trembleAmplitude * 0.7); var offsetTrembleY = Math.cos((self.age + i * 15) * self.trembleSpeed * 1.2) * (self.trembleAmplitude * 0.3); particle.x = offsetTrembleX; particle.y = offsetTrembleY; // Fade out and stretch as steam rises var ageRatio = self.age / self.maxAge; particle.alpha = (0.4 + i * 0.15) * (1 - ageRatio); particle.scaleX = (0.3 + i * 0.1) * (1 + ageRatio * 0.3); particle.scaleY = (0.6 + i * 0.2) * (1 + ageRatio * 0.5); } // Remove when too old if (self.age >= self.maxAge) { self.destroy(); } }; return self; }); var Aircraft = Container.expand(function () { var self = Container.call(this); var aircraftGraphics = self.attachAsset('plane', { anchorX: 0.5, anchorY: 0.5 }); self.altitude = 400; self.horizontalPos = 0; self.speed = 5; self.crashed = false; return self; }); var Ammunition = Container.expand(function (startX, startY, targetX, targetY) { var self = Container.call(this); var ammGraphics = self.attachAsset('ammunition', { anchorX: 0.5, anchorY: 0.5 }); self.x = startX; self.y = startY; // Calculate direction vector to target var deltaX = targetX - startX; var deltaY = targetY - startY; var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY); // Calculate angle for direction and rotate ammunition graphics to match var angle = Math.atan2(deltaY, deltaX); ammGraphics.rotation = angle + Math.PI / 2; // Add 90 degrees to rotate from horizontal to vertical // Normalize direction and set speed self.speedX = deltaX / distance * 8; self.speedY = deltaY / distance * 8; self.update = function () { self.x += self.speedX; self.y += self.speedY; }; return self; }); var Bomb = Container.expand(function (startX, startY) { var self = Container.call(this); var bombGraphics = self.attachAsset('Bomb', { anchorX: 0.5, anchorY: 0.5 }); // Scale bombs to appropriate size bombGraphics.scaleX = 1.5; bombGraphics.scaleY = 1.5; self.x = startX; self.y = startY; // Bombs drop straight down with gravity self.speedX = 0; self.speedY = 2; // Initial downward speed self.gravity = 0.3; // Gravity acceleration self.update = function () { self.x += self.speedX; self.y += self.speedY; self.speedY += self.gravity; // Apply gravity }; return self; }); var Compass = Container.expand(function () { var self = Container.call(this); // Create compass ring background var compassRing = self.attachAsset('compassRing', { anchorX: 0.5, anchorY: 0.5 }); compassRing.alpha = 0.8; // Create compass tick marks and labels var compassLabels = ['N', 'NE', 'E', 'SE', 'S', 'SW', 'W', 'NW']; var compassAngles = [0, 45, 90, 135, 180, 225, 270, 315]; // Create major tick marks and labels for 8 directions for (var i = 0; i < 8; i++) { var angle = compassAngles[i] * Math.PI / 180; var radius = 150; // Create major tick mark var tick = self.attachAsset('compassTickMajor', { anchorX: 0.5, anchorY: 1.0 }); tick.x = Math.cos(angle - Math.PI / 2) * radius; tick.y = Math.sin(angle - Math.PI / 2) * radius; tick.rotation = angle; tick.alpha = 0.9; // Create compass direction labels var label = new Text2(compassLabels[i], { size: 24, fill: 0xffffff }); label.anchor.set(0.5, 0.5); label.x = Math.cos(angle - Math.PI / 2) * (radius + 45); label.y = Math.sin(angle - Math.PI / 2) * (radius + 45); self.addChild(label); } // Create minor tick marks for intermediate directions for (var i = 0; i < 16; i++) { var angle = i * 22.5 * Math.PI / 180; // Skip major tick positions if (i % 2 === 0) continue; var radius = 150; var tick = self.attachAsset('compassTick', { anchorX: 0.5, anchorY: 1.0 }); tick.x = Math.cos(angle - Math.PI / 2) * radius; tick.y = Math.sin(angle - Math.PI / 2) * radius; tick.rotation = angle; tick.alpha = 0.6; } return self; }); var Missile = Container.expand(function (startX, startY, targetX, targetY) { var self = Container.call(this); var missileGraphics = self.attachAsset('ammunition', { anchorX: 0.5, anchorY: 0.5 }); // Make missiles larger and different color missileGraphics.scaleX = 2 / 1.2; missileGraphics.scaleY = 2 / 1.2; missileGraphics.tint = 0xff6600; // Orange color for missiles self.x = startX; self.y = startY; // Calculate direction vector to target var deltaX = targetX - startX; var deltaY = targetY - startY; var distance = Math.sqrt(deltaX * deltaX + deltaY * deltaY); // Calculate angle and rotate missile graphics to match direction var angle = Math.atan2(deltaY, deltaX); missileGraphics.rotation = angle + Math.PI / 2; // Add 90 degrees to rotate from horizontal to vertical // Normalize direction and set speed (faster than ammunition) self.speedX = deltaX / distance * 12; self.speedY = deltaY / distance * 12; self.update = function () { self.x += self.speedX; self.y += self.speedY; }; return self; }); var Obstacle = Container.expand(function (obstacleType) { var self = Container.call(this); self.obstacleType = obstacleType || 'building'; self.distance = 0; var obstacleGraphics = self.attachAsset('obstacle', { anchorX: 0.5, anchorY: 1.0 }); return self; }); var Radar = Container.expand(function () { var self = Container.call(this); self.radius = 150; self.centerX = 0; self.centerY = 0; self.sweepAngle = 0; self.sweepSpeed = 0.03; self.gridLines = []; self.sweepLine = null; self.detectedObjects = []; self.missions = []; self.fadeObjects = []; // Create radar grid lines for (var i = 0; i < 8; i++) { var angle = i * Math.PI * 2 / 8; var line = self.attachAsset('radarGrid', { anchorX: 0.5, anchorY: 0 }); line.x = 0; line.y = 0; line.rotation = angle; line.height = self.radius; // Set height to radar radius line.alpha = 0.3; self.gridLines.push(line); } // Create concentric circles using multiple short lines for (var ring = 1; ring <= 3; ring++) { var ringRadius = self.radius * ring / 3; for (var i = 0; i < 24; i++) { var angle = i * Math.PI * 2 / 24; var line = self.attachAsset('radarGrid', { anchorX: 0.5, anchorY: 0.5 }); line.x = Math.cos(angle) * ringRadius; line.y = Math.sin(angle) * ringRadius; line.rotation = angle + Math.PI / 2; line.height = 6; // Smaller height for concentric circle lines line.alpha = 0.3; self.gridLines.push(line); } } // Create sweep line self.sweepLine = self.attachAsset('radarLine', { anchorX: 0, anchorY: 0.5 }); self.sweepLine.x = 0; self.sweepLine.y = 0; self.sweepLine.width = self.radius; // Set width to radar radius self.sweepLine.alpha = 0.8; // Add some example missions self.missions.push({ x: 100, y: 50, type: 'mission' }); self.missions.push({ x: -80, y: -70, type: 'mission' }); self.missions.push({ x: 60, y: -90, type: 'mission' }); self.update = function () { // Update sweep angle self.sweepAngle += self.sweepSpeed; if (self.sweepAngle > Math.PI * 2) { self.sweepAngle = 0; } // Update sweep line rotation self.sweepLine.rotation = self.sweepAngle; // Clear old detected objects for (var i = self.fadeObjects.length - 1; i >= 0; i--) { var fadeObj = self.fadeObjects[i]; fadeObj.destroy(); self.fadeObjects.splice(i, 1); } // Minimap scale: radar radius covers 2000 units of game world var mapScale = self.radius / 1000; // Show aircraft position on radar - always centered if (aircraft && !aircraft.crashed) { var aircraftDot = self.attachAsset('missionDot', { anchorX: 0.5, anchorY: 0.5 }); // Position aircraft dot at radar center (0, 0) aircraftDot.x = 0; aircraftDot.y = 0; aircraftDot.alpha = 1; aircraftDot.tint = 0x00ff00; // Green for aircraft self.fadeObjects.push(aircraftDot); } // Show crosshair target on radar relative to aircraft position if (crosshairHorizontal && aircraft) { var crosshairRadarX = (crosshairHorizontal.x - aircraft.x) * mapScale; var crosshairRadarY = (crosshairHorizontal.y - aircraft.y) * mapScale; // Keep crosshair dot within radar bounds if (Math.sqrt(crosshairRadarX * crosshairRadarX + crosshairRadarY * crosshairRadarY) <= self.radius) { var crosshairDot = self.attachAsset('missionDot', { anchorX: 0.5, anchorY: 0.5 }); crosshairDot.x = crosshairRadarX; crosshairDot.y = crosshairRadarY; crosshairDot.alpha = 0.7; crosshairDot.tint = 0xff0000; // Red for crosshair target crosshairDot.scaleX = 1.6; crosshairDot.scaleY = 1.6; self.fadeObjects.push(crosshairDot); } } // Draw static missions relative to aircraft position for (var i = 0; i < self.missions.length; i++) { var mission = self.missions[i]; if (!mission.dot) { mission.dot = self.attachAsset('missionDot', { anchorX: 0.5, anchorY: 0.5 }); mission.dot.alpha = 0.8; } // Position missions relative to aircraft if aircraft exists if (aircraft) { var missionRadarX = (mission.x + 1024 - aircraft.x) * mapScale; var missionRadarY = (mission.y + 1800 - aircraft.y) * mapScale; // Only show missions within radar bounds if (Math.sqrt(missionRadarX * missionRadarX + missionRadarY * missionRadarY) <= self.radius) { mission.dot.x = missionRadarX; mission.dot.y = missionRadarY; mission.dot.visible = true; } else { mission.dot.visible = false; } } else { mission.dot.x = mission.x; mission.dot.y = mission.y; mission.dot.visible = true; } // Make missions blink mission.dot.alpha = 0.5 + 0.3 * Math.sin(LK.ticks * 0.1); } }; return self; }); var TerrainSegment = Container.expand(function (height, type) { var self = Container.call(this); self.terrainHeight = height || 100; self.segmentType = type || 'ground'; self.distance = 0; var assetType = self.segmentType === 'mountain' ? 'mountain' : 'terrain'; var segmentGraphics = self.attachAsset(assetType, { anchorX: 0.5, anchorY: 1.0 }); return self; }); /**** * Initialize Game ****/ var game = new LK.Game({ backgroundColor: 0x87ceeb }); /**** * Game Code ****/ var terrainSegments = []; var obstacles = []; var ammunition = []; var missiles = []; var bombs = []; var steamParticles = []; var gameSpeed = 3; var distance = 0; var viewDistance = 800; var segmentWidth = 8; var totalSegments = Math.floor(viewDistance / segmentWidth); var isDragging = false; var dragStartY = 0; var dragStartX = 0; // Create sky background var sky = game.addChild(LK.getAsset('sky', { x: 0, y: 0 })); // Create ground plane var ground = game.addChild(LK.getAsset('ground', { x: 0, y: 1976 })); // Create aircraft carrier in lower half of screen var carrier = game.addChild(LK.getAsset('carrier', { anchorX: 0.5, anchorY: 0.5 })); // Green circle and ring removed // Create radar system overlapping with crosshair var radar = game.addChild(new Radar()); radar.x = 1024; // Position at screen center X like crosshair radar.y = 1600; // Position above crosshair radar.alpha = 0.7; radar.scaleX = 1 / 1.2; radar.scaleY = 1 / 1.2; // Create greenring and position it at radar location var greenring = game.addChild(LK.getAsset('greenRing', { anchorX: 0.5, anchorY: 0.5 })); // Calculate safe position to keep greenring within screen bounds // greenring asset is 500x500, scaled by 1.2 = 600x600 // With anchor at 0.5, we need at least 300 pixels from edges var greenringRadius = 500 * 1.2 / 2; // Half the scaled size (300 pixels) greenring.x = Math.max(greenringRadius, 300); // Ensure it doesn't go off left edge greenring.y = Math.min(2732 - greenringRadius, 2432); // Ensure it doesn't go off bottom edge greenring.alpha = 0.8; greenring.scaleX = 1.2; greenring.scaleY = 1.2; // Create joy asset and position it in the middle of greenring var joy = game.addChild(LK.getAsset('joy', { anchorX: 0.5, anchorY: 0.5 })); joy.x = greenring.x; joy.y = greenring.y; joy.alpha = 0.9; // Position carrier in lower half of map carrier.x = 1024; carrier.y = 2100; // Create aircraft after other elements to ensure it's on top var aircraft = game.addChild(new Aircraft()); // Position aircraft on the carrier at game start aircraft.x = 1024; aircraft.y = 1950; // Slightly above carrier for takeoff // Create crosshair above the plane var crosshairVertical = game.addChild(LK.getAsset('crosshairVertical', { anchorX: 0.5, anchorY: 0.5 })); var crosshairHorizontal = game.addChild(LK.getAsset('crosshairHorizontal', { anchorX: 0.5, anchorY: 0.5 })); // Scale up crosshair by 1.2x crosshairVertical.scaleX = 1.2; crosshairVertical.scaleY = 1.2; crosshairHorizontal.scaleX = 1.2; crosshairHorizontal.scaleY = 1.2; // Green movement area rectangle removed // Score display var scoreTxt = new Text2('Distance: 0', { size: 60, fill: 0x00FF00 }); scoreTxt.anchor.set(0, 0); scoreTxt.x = -1000; LK.gui.topRight.addChild(scoreTxt); // Altitude display var altitudeTxt = new Text2('Altitude: 400', { size: 60, fill: 0x00FF00 }); altitudeTxt.anchor.set(0, 0); altitudeTxt.x = -1000; altitudeTxt.y = 70; LK.gui.topRight.addChild(altitudeTxt); // Create missiles button above fire button var missilesButton = game.addChild(LK.getAsset('Missilles', { anchorX: 0.5, anchorY: 0.5 })); missilesButton.x = 1898; // Right side of screen minus margin missilesButton.y = 2282; // Above fire button // Create radar button in top-right corner var newButton = game.addChild(LK.getAsset('Radar', { anchorX: 0.5, anchorY: 0.5 })); newButton.x = 1858; // Right corner of screen moved right by 60 units newButton.y = 200; // Top corner of screen // Create compass around radar button var compass = game.addChild(new Compass()); compass.x = newButton.x; compass.y = newButton.y; compass.alpha = 0.7; compass.scaleX = 1 / 1.2; compass.scaleY = 1 / 1.2; // Create bomb button in right bottom corner (left of fire button) var bombButton = game.addChild(LK.getAsset('bombButton', { anchorX: 0.5, anchorY: 0.5 })); bombButton.x = 1598; // Left of fire button bombButton.y = 2582; // Bottom of screen minus margin // Create fire button in right bottom corner var fireButton = game.addChild(LK.getAsset('fireButton', { anchorX: 0.5, anchorY: 0.5 })); fireButton.x = 1898; // Right side of screen minus margin fireButton.y = 2582; // Bottom of screen minus margin // Add bomb button text var bombButtonTxt = new Text2('BOMB', { size: 40, fill: 0xFFFFFF }); bombButtonTxt.anchor.set(0.5, 0.5); bombButtonTxt.x = bombButton.x; bombButtonTxt.y = bombButton.y; game.addChild(bombButtonTxt); // Add missiles button text var missilesButtonTxt = new Text2('MISSILES', { size: 40, fill: 0xFFFFFF }); missilesButtonTxt.anchor.set(0.5, 0.5); missilesButtonTxt.x = missilesButton.x; missilesButtonTxt.y = missilesButton.y; game.addChild(missilesButtonTxt); // Add fire button text var fireButtonTxt = new Text2('FIRE', { size: 40, fill: 0xFFFFFF }); fireButtonTxt.anchor.set(0.5, 0.5); fireButtonTxt.x = fireButton.x; fireButtonTxt.y = fireButton.y; game.addChild(fireButtonTxt); // Initialize terrain function generateTerrain() { for (var i = 0; i < totalSegments; i++) { var height = 100 + Math.sin(i * 0.1) * 50 + Math.random() * 100; var segmentType = 'ground'; var segment = new TerrainSegment(height, segmentType); segment.distance = i * segmentWidth; terrainSegments.push(segment); game.addChild(segment); // Add occasional obstacles - removed } } // Raycasting rendering function function renderTerrain() { var cameraHeight = aircraft.altitude; var horizon = 1366 - cameraHeight; for (var i = 0; i < terrainSegments.length; i++) { var segment = terrainSegments[i]; var segmentDistance = segment.distance - distance; if (segmentDistance > 0 && segmentDistance < viewDistance) { // Calculate perspective projection var scale = 1 / (segmentDistance / 200 + 1); var projectedHeight = segment.terrainHeight * scale; var screenX = 1024 + (i - totalSegments / 2) * segmentWidth * scale; var screenY = horizon + projectedHeight; // Position and scale segment segment.x = screenX; segment.y = screenY; segment.scaleX = scale; segment.scaleY = scale; segment.visible = true; // Add depth-based tinting var darkness = Math.max(0.3, 1 - segmentDistance / viewDistance); segment.alpha = darkness; } else { segment.visible = false; } } // Obstacle rendering removed } // Collision detection function checkCollisions() { if (aircraft.crashed) return; // Check ground collision if (aircraft.altitude < 50) { aircraft.crashed = true; LK.getSound('crash').play(); LK.effects.flashScreen(0xff0000, 1000); LK.setTimeout(function () { // LK.showGameOver(); }, 1000); return; } // Obstacle collision detection removed } // Add new terrain segments as we move forward function updateTerrain() { while (terrainSegments.length > 0 && terrainSegments[0].distance < distance - 100) { var oldSegment = terrainSegments.shift(); oldSegment.destroy(); } // Obstacle cleanup removed while (terrainSegments.length < totalSegments) { var lastDistance = terrainSegments.length > 0 ? terrainSegments[terrainSegments.length - 1].distance : distance; var height = 100 + Math.sin(lastDistance * 0.01) * 50 + Math.random() * 100; var segmentType = 'ground'; var segment = new TerrainSegment(height, segmentType); segment.distance = lastDistance + segmentWidth; terrainSegments.push(segment); game.addChild(segment); // Obstacle creation removed } } // Variables for multitouch support var touchPoints = {}; // Store active touch points by ID var aircraftTouchId = null; // Track which touch is controlling the aircraft // Touch controls game.down = function (x, y, obj) { // Generate unique touch ID if not provided - use consistent fallback var touchId = obj.identifier !== undefined ? obj.identifier : 'primary'; // Store touch point data touchPoints[touchId] = { x: x, y: y, startX: x, startY: y }; // No need to reset touch assignments for single-touch systems // This was causing the green circle to get stuck // Check if touch is on bomb button var distanceToBombButton = Math.sqrt(Math.pow(x - bombButton.x, 2) + Math.pow(y - bombButton.y, 2)); if (distanceToBombButton <= 75) { // Bomb button pressed - add visual feedback LK.effects.flashObject(bombButton, 0xffffff, 200); // Add button press animation tween(bombButton, { scaleX: 0.9, scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(bombButton, { scaleX: 1, scaleY: 1 }, { duration: 100, easing: tween.easeOut }); } }); console.log("Bomb button pressed!"); // Drop bomb from aircraft position var newBomb = new Bomb(aircraft.x, aircraft.y); bombs.push(newBomb); game.addChild(newBomb); // Move bomb behind aircraft in display order game.removeChild(aircraft); game.addChild(aircraft); // Add tween animation for bomb drop effect tween(newBomb, { scaleX: 4, scaleY: 4 }, { duration: 300, easing: tween.easeOut }); return; } // Check if touch is on missiles button var distanceToMissilesButton = Math.sqrt(Math.pow(x - missilesButton.x, 2) + Math.pow(y - missilesButton.y, 2)); if (distanceToMissilesButton <= 75) { // Missiles button pressed - add visual feedback LK.effects.flashObject(missilesButton, 0xffffff, 200); // Add button press animation tween(missilesButton, { scaleX: 0.9, scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(missilesButton, { scaleX: 1, scaleY: 1 }, { duration: 100, easing: tween.easeOut }); } }); console.log("Missiles button pressed!"); // Create missiles from left and right sides of aircraft var aircraftWidth = 60; // Approximate half width of aircraft var leftStartX = aircraft.x - aircraftWidth - 30; // Left missile starting point var rightStartX = aircraft.x + aircraftWidth + 30; // Right missile starting point game.removeChild(aircraft); game.addChild(aircraft); var startY = aircraft.y; // Calculate crosshair position as target var targetX = crosshairHorizontal.x; var targetY = crosshairHorizontal.y; // Calculate direction to crosshair for missiles (same as ammunition) var baseDeltaX = targetX - aircraft.x; var baseDeltaY = targetY - aircraft.y; var baseDistance = Math.sqrt(baseDeltaX * baseDeltaX + baseDeltaY * baseDeltaY); var baseUnitX = baseDeltaX / baseDistance; var baseUnitY = baseDeltaY / baseDistance; // Create left missile with +5 degree offset (moved left by 123 units) var leftAngleRad = 5 * Math.PI / 180; // 5 degrees in radians var leftCos = Math.cos(leftAngleRad); var leftSin = Math.sin(leftAngleRad); var leftMissileTargetX = aircraft.x + (baseUnitX * leftCos - baseUnitY * leftSin) * 500; var leftMissileTargetY = aircraft.y + (baseUnitX * leftSin + baseUnitY * leftCos) * 500; var leftMissileStartX = leftStartX - 123; var leftMissile = new Missile(leftMissileStartX, startY + 100, leftMissileTargetX, leftMissileTargetY); missiles.push(leftMissile); game.addChild(leftMissile); game.removeChild(aircraft); game.addChild(aircraft); // Create right missile with -5 degree offset (moved right by 123 units) var rightAngleRad = -5 * Math.PI / 180; // -5 degrees in radians var rightCos = Math.cos(rightAngleRad); var rightSin = Math.sin(rightAngleRad); var rightMissileTargetX = aircraft.x + (baseUnitX * rightCos - baseUnitY * rightSin) * 500; var rightMissileTargetY = aircraft.y + (baseUnitX * rightSin + baseUnitY * rightCos) * 500; var rightMissileStartX = rightStartX + 123; var rightMissile = new Missile(rightMissileStartX, startY + 100, rightMissileTargetX, rightMissileTargetY); missiles.push(rightMissile); game.addChild(rightMissile); game.removeChild(aircraft); game.addChild(aircraft); // Add tween animation for missile launch effect tween(leftMissile, { scaleX: 2.5, scaleY: 2.5 }, { duration: 200, easing: tween.easeOut }); tween(rightMissile, { scaleX: 2.5, scaleY: 2.5 }, { duration: 200, easing: tween.easeOut }); return; } // Check if touch is on fire button var distanceToFireButton = Math.sqrt(Math.pow(x - fireButton.x, 2) + Math.pow(y - fireButton.y, 2)); if (distanceToFireButton <= 75) { // Fire button radius // Fire button pressed - add visual feedback LK.effects.flashObject(fireButton, 0xffffff, 200); // Add button press animation tween(fireButton, { scaleX: 0.9, scaleY: 0.9 }, { duration: 100, easing: tween.easeOut, onFinish: function onFinish() { tween(fireButton, { scaleX: 1, scaleY: 1 }, { duration: 100, easing: tween.easeOut }); } }); console.log("Fire button pressed!"); // Create ammunition from left and right sides of aircraft var aircraftWidth = 60; // Approximate half width of aircraft var leftStartX = aircraft.x - aircraftWidth - 20; // Move left ammunition starting point left by 20 units var rightStartX = aircraft.x + aircraftWidth + 10; // Move right ammunition starting point right by 10 units var startY = aircraft.y; // Calculate crosshair position as target var targetX = crosshairHorizontal.x; var targetY = crosshairHorizontal.y; // Calculate 20 degree angle offsets var angleRad = 20 * Math.PI / 180; // 20 degrees in radians var cos20 = Math.cos(angleRad); var sin20 = Math.sin(angleRad); // Calculate direction to crosshair var baseDeltaX = targetX - aircraft.x; var baseDeltaY = targetY - aircraft.y; var baseDistance = Math.sqrt(baseDeltaX * baseDeltaX + baseDeltaY * baseDeltaY); var baseUnitX = baseDeltaX / baseDistance; var baseUnitY = baseDeltaY / baseDistance; // Create left ammunition with +5 degree offset (original -20 degrees rotated right by 25 degrees) var leftAngleRad = 5 * Math.PI / 180; // 5 degrees in radians var leftCos = Math.cos(leftAngleRad); var leftSin = Math.sin(leftAngleRad); var leftTargetX = aircraft.x + (baseUnitX * leftCos - baseUnitY * leftSin) * 500; var leftTargetY = aircraft.y + (baseUnitX * leftSin + baseUnitY * leftCos) * 500; var leftAmmo = new Ammunition(leftStartX, startY, leftTargetX, leftTargetY); ammunition.push(leftAmmo); game.addChild(leftAmmo); // Create right ammunition with -5 degree offset (original +20 degrees rotated left by 25 degrees) var rightAngleRad = -5 * Math.PI / 180; // -5 degrees in radians var rightCos = Math.cos(rightAngleRad); var rightSin = Math.sin(rightAngleRad); var rightTargetX = aircraft.x + (baseUnitX * rightCos - baseUnitY * rightSin) * 500; var rightTargetY = aircraft.y + (baseUnitX * rightSin + baseUnitY * rightCos) * 500; var rightAmmo = new Ammunition(rightStartX, startY, rightTargetX, rightTargetY); ammunition.push(rightAmmo); game.addChild(rightAmmo); return; } // Check if touch is on joy asset var distanceToJoy = Math.sqrt(Math.pow(x - joy.x, 2) + Math.pow(y - joy.y, 2)); if (distanceToJoy <= 125) { // Joy radius is 125 (250/2) // Joy is being dragged joy.isDragging = true; joy.dragOffset = { x: x - joy.x, y: y - joy.y }; joy.touchId = touchId; console.log("Joy dragging started at", x, y); return; } // Allow direct aircraft control if (!aircraftTouchId) { isDragging = true; dragStartY = y; dragStartX = x; aircraftTouchId = touchId; } }; game.move = function (x, y, obj) { var touchId = obj.identifier !== undefined ? obj.identifier : 'primary'; if (touchPoints[touchId]) { touchPoints[touchId].x = x; touchPoints[touchId].y = y; } // Handle joy dragging if (joy.isDragging && touchId === joy.touchId) { // Stop any existing tweens on joy to prevent conflicts tween.stop(joy); // Calculate new position from touch coordinates minus drag offset var newJoyX = x - joy.dragOffset.x; var newJoyY = y - joy.dragOffset.y; // Calculate distance from greenring center to constrain movement var distanceFromCenter = Math.sqrt(Math.pow(newJoyX - greenring.x, 2) + Math.pow(newJoyY - greenring.y, 2)); var maxDistance = 500 * 1.2 / 2 - 125; // Greenring radius minus joy radius if (distanceFromCenter <= maxDistance) { // Joy is within bounds, move it directly joy.x = newJoyX; joy.y = newJoyY; } else { // Joy is outside bounds, constrain it to the boundary var angle = Math.atan2(newJoyY - greenring.y, newJoyX - greenring.x); var constrainedX = greenring.x + Math.cos(angle) * maxDistance; var constrainedY = greenring.y + Math.sin(angle) * maxDistance; joy.x = constrainedX; joy.y = constrainedY; } console.log("Joy moved to", joy.x, joy.y); } if (isDragging && !aircraft.crashed && touchId === aircraftTouchId) { var deltaY = dragStartY - y; var deltaX = x - dragStartX; aircraft.altitude += deltaY * 0.5; aircraft.altitude = Math.max(30, Math.min(600, aircraft.altitude)); aircraft.horizontalPos += deltaX * 0.9; // Increased sensitivity from 0.6 to 0.9 aircraft.horizontalPos = Math.max(-600, Math.min(600, aircraft.horizontalPos)); // Increased range to match joy sensitivity dragStartY = y; dragStartX = x; } }; game.up = function (x, y, obj) { var touchId = obj.identifier !== undefined ? obj.identifier : 'primary'; // Handle joy drag release if (joy.isDragging && touchId === joy.touchId) { joy.isDragging = false; joy.dragOffset = null; joy.touchId = null; // Smoothly return joy to center of greenring when released tween(joy, { x: greenring.x, y: greenring.y }, { duration: 300, easing: tween.easeOut }); console.log("Joy dragging ended"); } if (touchId === aircraftTouchId) { isDragging = false; aircraftTouchId = null; } // Clean up touch point delete touchPoints[touchId]; }; // Aircraft takeoff animation from carrier tween(aircraft, { y: 1366, altitude: 400 }, { duration: 3000, easing: tween.easeOut, onFinish: function onFinish() { console.log("Takeoff complete"); } }); // Radar sweep animation with tween for smooth sweep line effect tween(radar.sweepLine, { alpha: 0.3 }, { duration: 1000, easing: tween.easeInOut, onFinish: function onFinish() { tween(radar.sweepLine, { alpha: 0.8 }, { duration: 1000, easing: tween.easeInOut }); } }); // Initialize terrain generateTerrain(); // Main game loop game.update = function () { if (aircraft.crashed) return; // Update distance and speed distance += gameSpeed; LK.setScore(Math.floor(distance / 10)); // Gradually increase difficulty gameSpeed += 0.001; // Synchronize aircraft movement with joy position // Calculate joy offset from greenring center var joyOffsetX = joy.x - greenring.x; var joyOffsetY = joy.y - greenring.y; var maxJoyDistance = 500 * 1.2 / 2 - 125; // Greenring radius minus joy radius // Convert joy position to aircraft movement // X axis: joy left/right controls aircraft horizontal position aircraft.horizontalPos = joyOffsetX / maxJoyDistance * 600; // Increased sensitivity from 400 to 600 // Y axis: joy up/down controls aircraft altitude (inverted - up increases altitude) var joyAltitudeInfluence = -joyOffsetY / maxJoyDistance * 600; // Increased sensitivity from 450 to 600 aircraft.altitude = Math.max(30, Math.min(600, 400 + joyAltitudeInfluence)); // Base altitude 400 with joy influence // Update aircraft position aircraft.x = 1024 + aircraft.horizontalPos; aircraft.y = 2200 - aircraft.altitude * 2.5; // Add slight bobbing motion to aircraft aircraft.y += Math.sin(LK.ticks * 0.1) * 2; // Update crosshair position to stay above aircraft var crosshairOffsetY = -240; // Distance above aircraft crosshairVertical.x = aircraft.x; crosshairVertical.y = aircraft.y + crosshairOffsetY; crosshairHorizontal.x = aircraft.x; crosshairHorizontal.y = aircraft.y + crosshairOffsetY; // Update radar position to match radar button position radar.x = newButton.x; radar.y = newButton.y; // Update compass position to match radar button position compass.x = newButton.x; compass.y = newButton.y; // Update terrain rendering renderTerrain(); updateTerrain(); // Check for collisions checkCollisions(); // Update UI scoreTxt.setText('Distance: ' + Math.floor(distance / 10)); altitudeTxt.setText('Altitude: ' + Math.floor(aircraft.altitude)); // Update ammunition for (var i = ammunition.length - 1; i >= 0; i--) { var ammo = ammunition[i]; if (!ammo) continue; // Skip if ammo is undefined var ammoRemoved = false; // Check if ammunition reached crosshair if (ammo.intersects(crosshairHorizontal) || ammo.intersects(crosshairVertical)) { ammo.destroy(); ammunition.splice(i, 1); continue; // Skip off-screen check for this ammunition } // Check collision with other ammunition for (var j = ammunition.length - 1; j >= 0; j--) { if (i !== j && !ammoRemoved && ammunition[j]) { var otherAmmo = ammunition[j]; if (ammo.intersects(otherAmmo)) { // Remove both ammunition that collided ammo.destroy(); otherAmmo.destroy(); // Remove from array (remove higher index first to avoid index shifting issues) if (i > j) { ammunition.splice(i, 1); ammunition.splice(j, 1); } else { ammunition.splice(j, 1); ammunition.splice(i, 1); } ammoRemoved = true; break; } } } // Check if ammunition is off screen (only if not already removed) if (!ammoRemoved && ammo && (ammo.x < -100 || ammo.x > 2148 || ammo.y < -100 || ammo.y > 2832)) { ammo.destroy(); ammunition.splice(i, 1); } } // Update missiles for (var i = missiles.length - 1; i >= 0; i--) { var missile = missiles[i]; if (!missile) continue; // Skip if missile is undefined var missileRemoved = false; // Check if missile reached crosshair if (missile.intersects(crosshairHorizontal) || missile.intersects(crosshairVertical)) { missile.destroy(); missiles.splice(i, 1); continue; // Skip off-screen check for this missile } // Check collision with other missiles for (var j = missiles.length - 1; j >= 0; j--) { if (i !== j && !missileRemoved && missiles[j]) { var otherMissile = missiles[j]; if (missile.intersects(otherMissile)) { // Create explosion effect at collision point var explosionX = (missile.x + otherMissile.x) / 2; var explosionY = (missile.y + otherMissile.y) / 2; // Create circular explosion effect using orange explosionCircle asset var explosionCircle = game.addChild(LK.getAsset('explosionCircle', { anchorX: 0.5, anchorY: 0.5 })); explosionCircle.x = explosionX; explosionCircle.y = explosionY; explosionCircle.alpha = 0.8; explosionCircle.scaleX = 0.1; explosionCircle.scaleY = 0.1; // Animate explosion circle to 100 units (scale to 0.5 since greenCircle is 200 units) tween(explosionCircle, { scaleX: 0.5, scaleY: 0.5, alpha: 0 }, { duration: 300, easing: tween.easeOut, onFinish: function onFinish() { explosionCircle.destroy(); } }); // Scale up missiles before destroying for explosion effect tween(missile, { scaleX: 2, scaleY: 2, alpha: 0 }, { duration: 200, easing: tween.easeOut }); tween(otherMissile, { scaleX: 2, scaleY: 2, alpha: 0 }, { duration: 200, easing: tween.easeOut }); // Destroy missiles immediately to prevent further interactions missile.destroy(); otherMissile.destroy(); // Remove from array (remove higher index first to avoid index shifting issues) if (i > j) { missiles.splice(i, 1); missiles.splice(j, 1); } else { missiles.splice(j, 1); missiles.splice(i, 1); } missileRemoved = true; break; } } } // Check if missile is off screen (only if not already removed) if (!missileRemoved && missile && (missile.x < -100 || missile.x > 2148 || missile.y < -100 || missile.y > 2832)) { missile.destroy(); missiles.splice(i, 1); } } // Update bombs for (var i = bombs.length - 1; i >= 0; i--) { var bomb = bombs[i]; if (!bomb) continue; // Skip if bomb is undefined // Check if bomb is off screen (remove when it goes below screen) if (bomb.y > 2832) { bomb.destroy(); bombs.splice(i, 1); } } // Generate afterburner steam particles only when aircraft is not moving var isMoving = joy.isDragging || isDragging || Math.abs(joyOffsetX) > 5 || Math.abs(joyOffsetY) > 5; if (LK.ticks % 3 === 0 && !isMoving) { // Create steam every 3 frames for realistic effect // Calculate dynamic offsets based on aircraft movement and altitude var baseOffsetY = 177; // Base vertical offset from aircraft center var altitudeScale = aircraft.altitude / 400; // Scale factor based on altitude (400 is base altitude) var dynamicOffsetY = baseOffsetY + altitudeScale * 20; // Adjust Y offset based on altitude var horizontalSpread = 89 + Math.abs(aircraft.horizontalPos) / 600 * 30; // Widen spread when turning // Create steam from left engine (positioned below aircraft bottom with dynamic positioning) var leftSteam = new AfterburnerSteam(aircraft.x - horizontalSpread - 15, aircraft.y + dynamicOffsetY - 20); steamParticles.push(leftSteam); game.addChild(leftSteam); // Create steam from right engine (positioned below aircraft bottom with dynamic positioning) var rightSteam = new AfterburnerSteam(aircraft.x + horizontalSpread - 5, aircraft.y + dynamicOffsetY - 20); steamParticles.push(rightSteam); game.addChild(rightSteam); // Animate steam particles with slight random movement tween(leftSteam, { scaleX: 0.8, scaleY: 0.6, alpha: 0 }, { duration: 1000, easing: tween.easeOut }); tween(rightSteam, { scaleX: 0.8, scaleY: 0.6, alpha: 0 }, { duration: 1000, easing: tween.easeOut }); } // Update and clean up steam particles for (var i = steamParticles.length - 1; i >= 0; i--) { var steam = steamParticles[i]; if (!steam || steam.age >= steam.maxAge) { if (steam) steam.destroy(); steamParticles.splice(i, 1); } } // Ensure steam particles appear above aircraft by moving them to front if (steamParticles.length > 0) { for (var i = 0; i < steamParticles.length; i++) { if (steamParticles[i]) { game.removeChild(steamParticles[i]); game.addChild(steamParticles[i]); } } } // Ensure radar stays above other elements but below greenring game.removeChild(radar); game.addChild(radar); // Ensure greenring stays on top above radar game.removeChild(greenring); game.addChild(greenring); // Ensure joy stays on top above greenring game.removeChild(joy); game.addChild(joy); // Play engine sound occasionally if (LK.ticks % 120 === 0) { LK.getSound('engine').play(); } };