/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
// Cutscene class
var Cutscene = Container.expand(function () {
	var self = Container.call(this);
	// Properties
	self.scenes = [];
	self.currentSceneIndex = 0;
	self.isPlaying = false;
	// Add a scene to the cutscene
	self.addScene = function (sceneData) {
		self.scenes.push(sceneData);
	};
	// Start playing the cutscene
	self.play = function () {
		if (self.scenes.length === 0) return;
		self.isPlaying = true;
		self.currentSceneIndex = 0;
		self.playCurrentScene();
	};
	// Play the current scene
	self.playCurrentScene = function () {
		if (self.currentSceneIndex >= self.scenes.length) {
			self.finish();
			return;
		}
		var scene = self.scenes[self.currentSceneIndex];
		if (scene.onStart) {
			scene.onStart();
		}
		// Auto-advance to next scene after duration
		if (scene.duration) {
			LK.setTimeout(function () {
				self.nextScene();
			}, scene.duration);
		}
	};
	// Move to next scene
	self.nextScene = function () {
		var scene = self.scenes[self.currentSceneIndex];
		if (scene.onEnd) {
			scene.onEnd();
		}
		self.currentSceneIndex++;
		self.playCurrentScene();
	};
	// Skip to specific scene
	self.skipToScene = function (index) {
		if (index >= 0 && index < self.scenes.length) {
			self.currentSceneIndex = index;
			self.playCurrentScene();
		}
	};
	// Finish cutscene
	self.finish = function () {
		self.isPlaying = false;
		if (self.onFinish) {
			self.onFinish();
		}
	};
	// Stop cutscene
	self.stop = function () {
		self.isPlaying = false;
		// Stop any running tweens or timeouts
		tween.stopAll();
	};
	return self;
});
// Defense class
var Defense = Container.expand(function () {
	var self = Container.call(this);
	var defenseGraphics = self.attachAsset('defense', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Defense logic goes here
	};
});
// Enemy class for tower defense
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	// Default to Probedroid, but can be changed
	self.assetType = 'Probedroid';
	var enemyGraphics = self.attachAsset(self.assetType, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Enemy properties
	self.health = 100;
	self.maxHealth = 100;
	self.speed = 2;
	self.targetX = -100; // Move to left side of screen
	self.lastX = self.x;
	self.update = function () {
		// Store last position for collision detection
		self.lastX = self.x;
		// Move towards target (right to left)
		if (self.x > self.targetX) {
			self.x -= self.speed;
		}
		// Move towards the center of the assigned guideline
		if (self.baseY !== undefined) {
			var targetY = self.baseY;
			var yDifference = targetY - self.y;
			// Move towards guideline center with a fraction of movement speed
			if (Math.abs(yDifference) > 2) {
				self.y += yDifference * 0.1; // Adjust 0.1 to control how quickly enemies center on guidelines
			}
		}
		// Check if enemy reached the end
		if (self.lastX > 0 && self.x <= 0) {
			// Enemy reached the end - remove from game
			if (self.parent) {
				self.destroy();
				// Remove from enemies array
				for (var i = enemies.length - 1; i >= 0; i--) {
					if (enemies[i] === self) {
						enemies.splice(i, 1);
						break;
					}
				}
			}
		}
	};
	// Method to defeat this enemy
	self.defeat = function () {
		if (self.parent) {
			enemiesDefeated++;
			self.destroy();
			// Remove from enemies array
			for (var i = enemies.length - 1; i >= 0; i--) {
				if (enemies[i] === self) {
					enemies.splice(i, 1);
					break;
				}
			}
		}
	};
	self.setAssetType = function (assetType) {
		if (enemyGraphics && enemyGraphics.parent) {
			enemyGraphics.destroy();
		}
		self.assetType = assetType;
		enemyGraphics = self.attachAsset(assetType, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	};
	return self;
});
// Assets will be automatically created and loaded by the LK engine
// Tower class
var Tower = Container.expand(function () {
	var self = Container.call(this);
	var towerGraphics = self.attachAsset('tower', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Tower logic goes here
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x000000 //Init game with black background 
});

/**** 
* Game Code
****/ 
// Tower Defense Game Variables
var enemies = [];
var towers = [];
var waveActive = false;
var enemySpawnTimer = 0;
var enemySpawnInterval = 420; // Spawn every 7 seconds at 60fps
var enemiesSpawned = 0;
var maxEnemiesInWave = 10;
var guidelineYPositions = [];
var firstEnemySpawned = false;
var currentWave = 1;
var enemiesDefeated = 0;
var playerScore = 0;
var playerLives = 10;
var playerCash = 500;
var scoreDisplay = null;
var livesDisplay = null;
var cashDisplay = null;
// Create intro cutscene using intro2 asset
var introCutscene = new Cutscene();
// Add intro2 scene
introCutscene.addScene({
	onStart: function onStart() {
		// Create intro2 asset
		var intro2Asset = game.addChild(LK.getAsset('Intro2', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 2732 / 2,
			alpha: 0
		}));
		// Create cell asset in middle of intro2
		var cellAsset = game.addChild(LK.getAsset('cell', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 2732 / 2,
			alpha: 0
		}));
		// Store references for cleanup
		introCutscene.intro2Asset = intro2Asset;
		introCutscene.cellAsset = cellAsset;
		// Fade in intro2
		tween(intro2Asset, {
			alpha: 1
		}, {
			duration: 1000,
			easing: tween.easeInOut
		});
		// Fade in cell asset
		tween(cellAsset, {
			alpha: 1
		}, {
			duration: 1000,
			easing: tween.easeInOut
		});
		// Add skip intro button
		var skipIntroButton = new Text2('SKIP INTRO', {
			size: 60,
			fill: 0xFFFFFF
		});
		skipIntroButton.anchor.set(0.5, 0);
		skipIntroButton.x = 2048 / 2;
		skipIntroButton.y = 200;
		skipIntroButton.alpha = 0;
		game.addChild(skipIntroButton);
		// Store reference for cleanup
		introCutscene.skipIntroButton = skipIntroButton;
		// Fade in skip button
		tween(skipIntroButton, {
			alpha: 1
		}, {
			duration: 1000,
			easing: tween.easeInOut
		});
		// Add click event handler to skip button
		skipIntroButton.down = function (x, y, obj) {
			// Play intro music
			LK.playMusic('Intro', {
				loop: false
			});
			// Clean up intro2 assets
			tween.stop(intro2Asset);
			tween.stop(cellAsset);
			tween.stop(skipIntroButton);
			intro2Asset.destroy();
			cellAsset.destroy();
			skipIntroButton.destroy();
			// Skip directly to title screen
			showTitleScreen();
		};
		// Add click event handler to cell asset
		cellAsset.down = function (x, y, obj) {
			// Play intro music
			LK.playMusic('Intro', {
				loop: false
			});
			// Transition to story1 scene
			var story1Asset = game.addChild(LK.getAsset('Story1', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade out current assets
			tween(intro2Asset, {
				alpha: 0
			}, {
				duration: 500,
				easing: tween.easeInOut
			});
			tween(cellAsset, {
				alpha: 0
			}, {
				duration: 500,
				easing: tween.easeInOut
			});
			// Fade in story1 asset
			tween(story1Asset, {
				alpha: 1
			}, {
				duration: 1000,
				easing: tween.easeInOut
			});
			// Add click event handler to story1 asset to transition to story2
			story1Asset.down = function (x, y, obj) {
				// Create story2 asset
				var story2Asset = game.addChild(LK.getAsset('Story2', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: 2048 / 2,
					y: 2732 / 2,
					alpha: 0
				}));
				// Fade out story1 asset
				tween(story1Asset, {
					alpha: 0
				}, {
					duration: 500,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						story1Asset.destroy();
					}
				});
				// Fade in story2 asset
				tween(story2Asset, {
					alpha: 1
				}, {
					duration: 1000,
					easing: tween.easeInOut
				});
				// Add click event handler to story2 asset to transition to story3
				story2Asset.down = function (x, y, obj) {
					// Create story3 asset
					var story3Asset = game.addChild(LK.getAsset('Story3', {
						anchorX: 0.5,
						anchorY: 0.5,
						x: 2048 / 2,
						y: 2732 / 2,
						alpha: 0
					}));
					// Fade out story2 asset
					tween(story2Asset, {
						alpha: 0
					}, {
						duration: 500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							story2Asset.destroy();
						}
					});
					// Fade in story3 asset
					tween(story3Asset, {
						alpha: 1
					}, {
						duration: 1000,
						easing: tween.easeInOut
					});
					// Add click event handler to story3 asset to transition to story4
					story3Asset.down = function (x, y, obj) {
						// Create story4 asset
						var story4Asset = game.addChild(LK.getAsset('Story4', {
							anchorX: 0.5,
							anchorY: 0.5,
							x: 2048 / 2,
							y: 2732 / 2,
							alpha: 0
						}));
						// Fade out story3 asset
						tween(story3Asset, {
							alpha: 0
						}, {
							duration: 500,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								story3Asset.destroy();
							}
						});
						// Fade in story4 asset
						tween(story4Asset, {
							alpha: 1
						}, {
							duration: 1000,
							easing: tween.easeInOut
						});
						// Add click event handler to story4 asset to transition to titlescreen
						story4Asset.down = function (x, y, obj) {
							// Fade out story4 asset
							tween(story4Asset, {
								alpha: 0
							}, {
								duration: 500,
								easing: tween.easeInOut,
								onFinish: function onFinish() {
									story4Asset.destroy();
									// Show title screen
									showTitleScreen();
								}
							});
						};
					};
				};
			};
		};
	}
});
// Set what happens when cutscene finishes
introCutscene.onFinish = function () {
	// Cutscene finished - no automatic transition
};
// Function to show title screen
function showTitleScreen() {
	// Display the title
	// Import tween plugin
	var titleImage = game.addChild(LK.getAsset('Title', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2 + 1400
	}));
	// Add skip intro button to top of title screen
	var skipButton = new Text2('SKIP INTRO', {
		size: 60,
		fill: 0xFFFFFF
	});
	skipButton.anchor.set(0.5, 0);
	skipButton.x = 2048 / 2;
	skipButton.y = 150;
	game.addChild(skipButton);
	// Function to skip directly to backdrop scene
	function skipToBackdrop() {
		// Stop all tweens
		tween.stop(titleImage);
		tween.stop(flybyImage);
		// Remove title and flyby
		titleImage.destroy();
		flybyImage.destroy();
		skipButton.destroy();
		// Add backdrop asset to game
		var backdropAsset = game.addChild(LK.getAsset('backdrop', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 2732 / 2,
			alpha: 1,
			scaleX: 0.5,
			scaleY: 0.5
		}));
		// Add flyby asset to backdrop
		var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: 2732 / 2 - 800,
			alpha: 1,
			scaleX: 0.2,
			scaleY: 0.2
		}));
		// Zoom flyby to final size
		tween(backdropFlyby, {
			scaleX: 0.8,
			scaleY: 0.8
		}, {
			duration: 1000,
			easing: tween.easeInOut
		});
		// Store the original Y position for backdrop flyby
		var backdropFlybyOriginalY = backdropFlyby.y;
		// Make flyby move off the right side of backdrop scene
		tween(backdropFlyby, {
			x: 2048 + 375
		}, {
			duration: 6000,
			easing: tween.linear,
			onFinish: function onFinish() {
				// After flyby has left the backdrop scene, fade in wave1 asset
				var wave1Asset = game.addChild(LK.getAsset('Wave1', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: 2048 / 2,
					y: 2732 / 2,
					alpha: 0
				}));
				// Fade in wave1 asset
				tween(wave1Asset, {
					alpha: 1
				}, {
					duration: 1000,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						// Keep wave1 visible for 2 seconds then fade out
						LK.setTimeout(function () {
							tween(wave1Asset, {
								alpha: 0
							}, {
								duration: 1000,
								easing: tween.easeInOut,
								onFinish: function onFinish() {
									wave1Asset.destroy();
									// Start first tower defense wave
									startWave1();
								}
							});
						}, 2000);
					}
				});
			}
		});
		// Add 6 horizontal guide lines immediately
		var lineSpacing = 2732 / 7;
		for (var i = 1; i <= 6; i++) {
			var yPosition = lineSpacing * i;
			if (i === 1) {
				yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
			} else if (i === 2) {
				yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
			} else if (i === 3) {
				yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
			} else if (i === 4) {
				yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
			} else if (i === 5) {
				yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
			} else if (i === 6) {
				yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
			}
			var guideLine = game.addChild(LK.getAsset('guideLine', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: yPosition,
				alpha: 0.5
			}));
		}
	}
	// Add touch event to skip button
	skipButton.down = function (x, y, obj) {
		skipToBackdrop();
	};
	// Add flyby asset to title - start at right side of screen
	var flybyImage = game.addChild(LK.getAsset('Flyby', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 + 375,
		y: 2732 / 2 + 1400 - 500
	}));
	// Store the original Y position for flyby
	var flybyOriginalY = flybyImage.y;
	// Create hover animation function
	function startFlybyHover() {
		// Tween up 50 pixels over 2 seconds
		tween(flybyImage, {
			y: flybyOriginalY - 50
		}, {
			duration: 2000,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				// Tween down 50 pixels over 2 seconds
				tween(flybyImage, {
					y: flybyOriginalY + 50
				}, {
					duration: 2000,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						// Start the cycle again
						startFlybyHover();
					}
				});
			}
		});
	}
	// Start the hover animation
	startFlybyHover();
	// Start flyby movement from right to left
	tween(flybyImage, {
		x: -375
	}, {
		duration: 8000,
		easing: tween.linear,
		onFinish: function onFinish() {
			// After flyby has left the screen, slowly scroll title up
			tween(titleImage, {
				y: titleImage.y - titleImage.height
			}, {
				duration: 20000,
				easing: tween.easeOut
			});
			// Stop the title scrolling after 5 seconds
			LK.setTimeout(function () {
				tween.stop(titleImage, {
					y: true
				});
				// Fade in intro asset in the middle of the screen
				var introAsset = game.addChild(LK.getAsset('intro', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: 2048 / 2,
					y: 2732 / 2,
					alpha: 0
				}));
				// Tween alpha from 0 to 1 for fade-in effect
				tween(introAsset, {
					alpha: 1
				}, {
					duration: 2000,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						// After intro has faded in, make flyby move from left to right
						flybyImage.x = -375; // Reset flyby to left side
						flybyImage.y = 2732 / 2; // Center vertically
						tween(flybyImage, {
							x: 2048 + 375
						}, {
							duration: 6000,
							easing: tween.linear,
							onFinish: function onFinish() {
								// After flyby has left the screen, fade out intro and fade in backdrop
								tween(introAsset, {
									alpha: 0
								}, {
									duration: 2000,
									easing: tween.easeInOut
								});
								// Add backdrop asset to game
								var backdropAsset = game.addChild(LK.getAsset('backdrop', {
									anchorX: 0.5,
									anchorY: 0.5,
									x: 2048 / 2,
									y: 2732 / 2,
									alpha: 0,
									scaleX: 0.5,
									scaleY: 0.5
								}));
								// Add flyby asset to backdrop
								var backdropFlyby = game.addChild(LK.getAsset('Flyby', {
									anchorX: 0.5,
									anchorY: 0.5,
									x: 2048 / 2,
									y: 2732 / 2 - 800,
									alpha: 0,
									scaleX: 0.2,
									scaleY: 0.2
								}));
								// Store the original Y position for backdrop flyby
								var backdropFlybyOriginalY = backdropFlyby.y;
								// Make flyby move off the right side of backdrop scene
								function startBackdropFlybyHover() {
									tween(backdropFlyby, {
										x: 2048 + 375
									}, {
										duration: 6000,
										easing: tween.linear,
										onFinish: function onFinish() {
											// After flyby has left the backdrop scene, fade in wave1 asset
											var wave1Asset = game.addChild(LK.getAsset('Wave1', {
												anchorX: 0.5,
												anchorY: 0.5,
												x: 2048 / 2,
												y: 2732 / 2,
												alpha: 0
											}));
											// Fade in wave1 asset
											tween(wave1Asset, {
												alpha: 1
											}, {
												duration: 1000,
												easing: tween.easeInOut,
												onFinish: function onFinish() {
													// Keep wave1 visible for 2 seconds then fade out
													LK.setTimeout(function () {
														tween(wave1Asset, {
															alpha: 0
														}, {
															duration: 1000,
															easing: tween.easeInOut,
															onFinish: function onFinish() {
																wave1Asset.destroy();
																// Start first tower defense wave
																startWave1();
															}
														});
													}, 2000);
												}
											});
										}
									});
								}
								// Fade in backdrop
								tween(backdropAsset, {
									alpha: 1
								}, {
									duration: 2000,
									easing: tween.easeInOut,
									onFinish: function onFinish() {
										// Fade in backdrop flyby and zoom to position
										tween(backdropFlyby, {
											alpha: 1,
											scaleX: 0.8,
											scaleY: 0.8
										}, {
											duration: 2000,
											easing: tween.easeInOut,
											onFinish: function onFinish() {
												// Start flyby movement to right side after fade in
												startBackdropFlybyHover();
											}
										});
										// Add 6 horizontal guide lines after backdrop fades in
										var lineSpacing = 2732 / 7; // Divide screen height by 7 to get 6 lines with margins
										for (var i = 1; i <= 6; i++) {
											var yPosition = lineSpacing * i;
											if (i === 1) {
												yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
											} else if (i === 2) {
												yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
											} else if (i === 3) {
												yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
											} else if (i === 4) {
												yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
											} else if (i === 5) {
												yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
											} else if (i === 6) {
												yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
											}
											var guideLine = game.addChild(LK.getAsset('guideLine', {
												anchorX: 0.5,
												anchorY: 0.5,
												x: 2048 / 2,
												y: yPosition,
												alpha: 0.5
											}));
										}
									}
								});
							}
						});
					}
				});
			}, 5000);
		}
	});
}
// Calculate guideline Y positions for enemy spawning
function calculateGuidelinePositions() {
	var lineSpacing = 2732 / 7;
	guidelineYPositions = [];
	for (var i = 1; i <= 6; i++) {
		var yPosition = lineSpacing * i;
		if (i === 1) {
			yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
		} else if (i === 2) {
			yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
		} else if (i === 3) {
			yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
		} else if (i === 4) {
			yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
		} else if (i === 5) {
			yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
		} else if (i === 6) {
			yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
		}
		guidelineYPositions.push(yPosition);
	}
}
// Start first wave of tower defense
function startWave1() {
	calculateGuidelinePositions();
	waveActive = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	currentWave = 1;
	enemiesDefeated = 0;
	// Add score display at top left
	var scoreDisplay = new Text2('Score: 0', {
		size: 60,
		fill: 0xFFFFFF
	});
	scoreDisplay.anchor.set(0, 0);
	scoreDisplay.x = 150;
	scoreDisplay.y = 50;
	LK.gui.addChild(scoreDisplay);
	// Add lives display at top center
	var livesDisplay = new Text2('Lives: 10', {
		size: 60,
		fill: 0xFFFFFF
	});
	livesDisplay.anchor.set(0.5, 0);
	livesDisplay.x = 1024;
	livesDisplay.y = 50;
	LK.gui.addChild(livesDisplay);
	// Add cash display at top right
	var cashDisplay = new Text2('Cash: $500', {
		size: 60,
		fill: 0xFFFFFF
	});
	cashDisplay.anchor.set(1, 0);
	cashDisplay.x = 1900;
	cashDisplay.y = 50;
	LK.gui.addChild(cashDisplay);
	// Add skip wave button under score display
	var skipWaveButton = new Text2('SKIP WAVE', {
		size: 40,
		fill: 0xFFFF00
	});
	skipWaveButton.anchor.set(0, 0);
	skipWaveButton.x = 150;
	skipWaveButton.y = 120;
	LK.gui.addChild(skipWaveButton);
	// Add click handler to skip wave button
	skipWaveButton.down = function (x, y, obj) {
		// Force wave completion by clearing all enemies and setting appropriate flags
		for (var i = enemies.length - 1; i >= 0; i--) {
			enemies[i].destroy();
			enemies.splice(i, 1);
		}
		enemiesSpawned = maxEnemiesInWave;
		enemiesDefeated = maxEnemiesInWave;
		// Check which wave we're skipping and trigger appropriate transition
		if (currentWave === 1) {
			// Show wave2 asset with fade in/out
			var wave2Asset = game.addChild(LK.getAsset('Wave2', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave2 asset
			tween(wave2Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave2 asset
					tween(wave2Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave2Asset.destroy();
							// Start wave2
							startWave2();
						}
					});
				}
			});
		} else if (currentWave === 2) {
			// Show wave3 asset with fade in/out
			var wave3Asset = game.addChild(LK.getAsset('Wave3', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave3 asset
			tween(wave3Asset, {
				alpha: 1
			}, {
				duration: 750,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Keep wave3 visible for 1.5 seconds then fade out
					LK.setTimeout(function () {
						tween(wave3Asset, {
							alpha: 0
						}, {
							duration: 750,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								wave3Asset.destroy();
								// Start wave3
								startWave3();
							}
						});
					}, 1500);
				}
			});
		} else if (currentWave === 3) {
			// Show wave4 asset with fade in/out
			var wave4Asset = game.addChild(LK.getAsset('Wave4', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave4 asset
			tween(wave4Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave4 asset
					tween(wave4Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave4Asset.destroy();
							// Start wave4
							startWave4();
						}
					});
				}
			});
		} else if (currentWave === 4) {
			// Show wave5 asset with fade in/out
			var wave5Asset = game.addChild(LK.getAsset('Wave5', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave5 asset
			tween(wave5Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave5 asset
					tween(wave5Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave5Asset.destroy();
							// Start wave5
							startWave5();
						}
					});
				}
			});
		} else if (currentWave === 5) {
			// UFO boss defeated - transition to story5 cutscene
			var story5Asset = game.addChild(LK.getAsset('Story5', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in story5 asset
			tween(story5Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Add click handler to story5 to transition to level2
					story5Asset.down = function (x, y, obj) {
						// Fade out story5 asset
						tween(story5Asset, {
							alpha: 0
						}, {
							duration: 1000,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								story5Asset.destroy();
								// Start level2 with backdrop2
								startLevel2();
							}
						});
					};
				}
			});
		} else {
			waveActive = false;
		}
	};
}
// Start second wave of tower defense
function startWave2() {
	calculateGuidelinePositions();
	waveActive = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	maxEnemiesInWave = 20;
	enemySpawnInterval = 300; // Spawn every 5 seconds at 60fps
	currentWave = 2;
}
// Start third wave of tower defense
function startWave3() {
	calculateGuidelinePositions();
	waveActive = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	maxEnemiesInWave = 30;
	enemySpawnInterval = 300; // Spawn every 5 seconds at 60fps (300 frames = 5 seconds at 60fps)
	currentWave = 3;
}
// Start fourth wave of tower defense
function startWave4() {
	calculateGuidelinePositions();
	waveActive = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	maxEnemiesInWave = 40;
	enemySpawnInterval = 180; // Spawn every 3 seconds at 60fps (180 frames = 3 seconds at 60fps)
	currentWave = 4;
}
// Start fifth wave of tower defense (boss stage)
function startWave5() {
	calculateGuidelinePositions();
	waveActive = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	maxEnemiesInWave = 1; // Only 1 boss enemy
	enemySpawnInterval = 60; // Spawn immediately
	currentWave = 5;
}
// Spawn enemy on random guideline
function spawnEnemy() {
	if (guidelineYPositions.length === 0) return;
	// Pick random guideline with better distribution
	var randomIndex = Math.floor(Math.random() * guidelineYPositions.length);
	var spawnY = guidelineYPositions[randomIndex];
	// Add some vertical variation to make movement less predictable
	var verticalVariation = (Math.random() - 0.5) * 60; // +/- 30 pixels variation
	spawnY += verticalVariation;
	// Create new enemy
	var enemy = new Enemy();
	// Set asset type based on current wave
	if (currentWave === 2) {
		enemy.setAssetType('Drone');
	} else if (currentWave === 3) {
		enemy.setAssetType('SpaceDrone');
	} else if (currentWave === 4) {
		enemy.setAssetType('Robot');
	} else if (currentWave === 5) {
		enemy.setAssetType('UFO');
	}
	enemy.x = 2048 + 100; // Start off right side of screen
	enemy.y = spawnY;
	// Store which guideline this enemy is following for reference
	enemy.guidelineIndex = randomIndex;
	enemy.baseY = guidelineYPositions[randomIndex];
	enemies.push(enemy);
	game.addChild(enemy);
	// Play probedroid sound when first enemy appears
	if (!firstEnemySpawned) {
		LK.getSound('Probedroid').play();
		firstEnemySpawned = true;
	}
	// Play probedroid2 sound when first robot appears in wave4
	if (currentWave === 4 && enemiesSpawned === 0) {
		LK.getSound('Probedroid2').play();
	}
}
// Update tower defense game
game.update = function () {
	// Only run tower defense logic when wave is active
	if (!waveActive) return;
	// Spawn enemies
	if (enemiesSpawned < maxEnemiesInWave) {
		enemySpawnTimer++;
		if (enemySpawnTimer >= enemySpawnInterval) {
			spawnEnemy();
			enemiesSpawned++;
			enemySpawnTimer = 0;
		}
	}
	// Check if wave is complete
	if (enemiesSpawned >= maxEnemiesInWave && enemies.length === 0) {
		waveActive = false;
		// Wave complete - transition to next wave
		if (currentWave === 1) {
			// Show wave2 asset with fade in/out
			var wave2Asset = game.addChild(LK.getAsset('Wave2', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave2 asset
			tween(wave2Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave2 asset
					tween(wave2Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave2Asset.destroy();
							// Start wave2
							startWave2();
						}
					});
				}
			});
		} else if (currentWave === 2) {
			// Show wave3 asset with fade in/out
			var wave3Asset = game.addChild(LK.getAsset('Wave3', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave3 asset
			tween(wave3Asset, {
				alpha: 1
			}, {
				duration: 750,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Keep wave3 visible for 1.5 seconds then fade out
					LK.setTimeout(function () {
						tween(wave3Asset, {
							alpha: 0
						}, {
							duration: 750,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								wave3Asset.destroy();
								// Start wave3
								startWave3();
							}
						});
					}, 1500);
				}
			});
		} else if (currentWave === 3) {
			// Show wave4 asset with fade in/out
			var wave4Asset = game.addChild(LK.getAsset('Wave4', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave4 asset
			tween(wave4Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave4 asset
					tween(wave4Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave4Asset.destroy();
							// Start wave4
							startWave4();
						}
					});
				}
			});
		} else if (currentWave === 4) {
			// Show wave5 asset with fade in/out
			var wave5Asset = game.addChild(LK.getAsset('Wave5', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in wave5 asset
			tween(wave5Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Fade out wave5 asset
					tween(wave5Asset, {
						alpha: 0
					}, {
						duration: 1500,
						easing: tween.easeInOut,
						onFinish: function onFinish() {
							wave5Asset.destroy();
							// Start wave5
							startWave5();
						}
					});
				}
			});
		} else if (currentWave === 5) {
			// UFO boss defeated - transition to story5 cutscene
			var story5Asset = game.addChild(LK.getAsset('Story5', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 2048 / 2,
				y: 2732 / 2,
				alpha: 0
			}));
			// Fade in story5 asset
			tween(story5Asset, {
				alpha: 1
			}, {
				duration: 1500,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					// Add click handler to story5 to transition to level2
					story5Asset.down = function (x, y, obj) {
						// Fade out story5 asset
						tween(story5Asset, {
							alpha: 0
						}, {
							duration: 1000,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								story5Asset.destroy();
								// Start level2 with backdrop2
								startLevel2();
							}
						});
					};
				}
			});
		}
	}
};
// Start the intro cutscene
introCutscene.play();
;
;
// Start level2 with backdrop2
function startLevel2() {
	// Clear any existing game elements
	for (var i = enemies.length - 1; i >= 0; i--) {
		enemies[i].destroy();
		enemies.splice(i, 1);
	}
	// Reset game variables for level2
	waveActive = false;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
	maxEnemiesInWave = 10;
	enemySpawnInterval = 420;
	firstEnemySpawned = false;
	currentWave = 1;
	enemiesDefeated = 0;
	// Add backdrop2 asset as the new background
	var backdrop2Asset = game.addChild(LK.getAsset('Backdrop2', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		alpha: 0,
		scaleX: 1.0,
		scaleY: 1.0
	}));
	// Fade in backdrop2
	tween(backdrop2Asset, {
		alpha: 1
	}, {
		duration: 2000,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			// Level2 is now ready - could start first wave or wait for player input
			// For now, level1 is officially over and level2 has begun with backdrop2
		}
	});
	// Recalculate guideline positions for level2
	calculateGuidelinePositions();
	// Add 6 horizontal guide lines for level2
	var lineSpacing = 2732 / 7;
	for (var i = 1; i <= 6; i++) {
		var yPosition = lineSpacing * i;
		if (i === 1) {
			yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
		} else if (i === 2) {
			yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
		} else if (i === 3) {
			yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
		} else if (i === 4) {
			yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
		} else if (i === 5) {
			yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
		} else if (i === 6) {
			yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
		}
		var guideLine = game.addChild(LK.getAsset('guideLine', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: yPosition,
			alpha: 0.5
		}));
	}
}

===================================================================
--- original.js
+++ change.js
@@ -108,13 +108,11 @@
 		// Move towards the center of the assigned guideline
 		if (self.baseY !== undefined) {
 			var targetY = self.baseY;
 			var yDifference = targetY - self.y;
-			// In level2 (waves > 5), use stronger centering force for more precise guideline following
-			var centeringForce = currentWave > 5 ? 0.3 : 0.1;
-			// Move towards guideline center with appropriate centering force
+			// Move towards guideline center with a fraction of movement speed
 			if (Math.abs(yDifference) > 2) {
-				self.y += yDifference * centeringForce;
+				self.y += yDifference * 0.1; // Adjust 0.1 to control how quickly enemies center on guidelines
 			}
 		}
 		// Check if enemy reached the end
 		if (self.lastX > 0 && self.x <= 0) {
@@ -513,19 +511,19 @@
 		var lineSpacing = 2732 / 7;
 		for (var i = 1; i <= 6; i++) {
 			var yPosition = lineSpacing * i;
 			if (i === 1) {
-				yPosition += 600; // Move guideline 1 down by 600 pixels
+				yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
 			} else if (i === 2) {
-				yPosition += 420; // Move guideline 2 down by 420 pixels
+				yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
 			} else if (i === 3) {
-				yPosition += 250; // Move guideline 3 down by 250 pixels
+				yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
 			} else if (i === 4) {
-				yPosition += 120; // Move guideline 4 down by 120 pixels
+				yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
 			} else if (i === 5) {
-				yPosition -= 50; // Move guideline 5 up by 50 pixels
+				yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
 			} else if (i === 6) {
-				yPosition -= 200; // Move guideline 6 up by 200 pixels
+				yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
 			}
 			var guideLine = game.addChild(LK.getAsset('guideLine', {
 				anchorX: 0.5,
 				anchorY: 0.5,
@@ -711,19 +709,19 @@
 										var lineSpacing = 2732 / 7; // Divide screen height by 7 to get 6 lines with margins
 										for (var i = 1; i <= 6; i++) {
 											var yPosition = lineSpacing * i;
 											if (i === 1) {
-												yPosition += 600; // Move guideline 1 down by 600 pixels
+												yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
 											} else if (i === 2) {
-												yPosition += 420; // Move guideline 2 down by 420 pixels
+												yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
 											} else if (i === 3) {
-												yPosition += 250; // Move guideline 3 down by 250 pixels
+												yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
 											} else if (i === 4) {
-												yPosition += 120; // Move guideline 4 down by 120 pixels
+												yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
 											} else if (i === 5) {
-												yPosition -= 50; // Move guideline 5 up by 50 pixels
+												yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
 											} else if (i === 6) {
-												yPosition -= 200; // Move guideline 6 up by 200 pixels
+												yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
 											}
 											var guideLine = game.addChild(LK.getAsset('guideLine', {
 												anchorX: 0.5,
 												anchorY: 0.5,
@@ -748,19 +746,19 @@
 	guidelineYPositions = [];
 	for (var i = 1; i <= 6; i++) {
 		var yPosition = lineSpacing * i;
 		if (i === 1) {
-			yPosition += 600; // Move guideline 1 down by 600 pixels
+			yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
 		} else if (i === 2) {
-			yPosition += 420; // Move guideline 2 down by 420 pixels  
+			yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
 		} else if (i === 3) {
-			yPosition += 250; // Move guideline 3 down by 250 pixels
+			yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
 		} else if (i === 4) {
-			yPosition += 120; // Move guideline 4 down by 120 pixels
+			yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
 		} else if (i === 5) {
-			yPosition -= 50; // Move guideline 5 up by 50 pixels
+			yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
 		} else if (i === 6) {
-			yPosition -= 200; // Move guideline 6 up by 200 pixels
+			yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
 		}
 		guidelineYPositions.push(yPosition);
 	}
 }
@@ -1023,16 +1021,11 @@
 	if (guidelineYPositions.length === 0) return;
 	// Pick random guideline with better distribution
 	var randomIndex = Math.floor(Math.random() * guidelineYPositions.length);
 	var spawnY = guidelineYPositions[randomIndex];
-	// In level2, spawn enemies directly on guidelines without vertical variation
-	// In level1, add some vertical variation to make movement less predictable
-	var verticalVariation = 0;
-	if (currentWave <= 5) {
-		// Level1 - add variation
-		verticalVariation = (Math.random() - 0.5) * 60; // +/- 30 pixels variation
-		spawnY += verticalVariation;
-	}
+	// Add some vertical variation to make movement less predictable
+	var verticalVariation = (Math.random() - 0.5) * 60; // +/- 30 pixels variation
+	spawnY += verticalVariation;
 	// Create new enemy
 	var enemy = new Enemy();
 	// Set asset type based on current wave
 	if (currentWave === 2) {
@@ -1276,17 +1269,32 @@
 			// Level2 is now ready - could start first wave or wait for player input
 			// For now, level1 is officially over and level2 has begun with backdrop2
 		}
 	});
-	// Ensure guideline positions are consistent with level1
+	// Recalculate guideline positions for level2
 	calculateGuidelinePositions();
-	// Add 6 horizontal guide lines for level2 using the same positions as level1
-	for (var i = 0; i < guidelineYPositions.length; i++) {
+	// Add 6 horizontal guide lines for level2
+	var lineSpacing = 2732 / 7;
+	for (var i = 1; i <= 6; i++) {
+		var yPosition = lineSpacing * i;
+		if (i === 1) {
+			yPosition += 575; // Move guideline 1 down by 575 pixels (was 600)
+		} else if (i === 2) {
+			yPosition += 395; // Move guideline 2 down by 395 pixels (was 420)
+		} else if (i === 3) {
+			yPosition += 225; // Move guideline 3 down by 225 pixels (was 250)
+		} else if (i === 4) {
+			yPosition += 95; // Move guideline 4 down by 95 pixels (was 120)
+		} else if (i === 5) {
+			yPosition -= 75; // Move guideline 5 up by 75 pixels (was -50)
+		} else if (i === 6) {
+			yPosition -= 225; // Move guideline 6 up by 225 pixels (was -200)
+		}
 		var guideLine = game.addChild(LK.getAsset('guideLine', {
 			anchorX: 0.5,
 			anchorY: 0.5,
 			x: 2048 / 2,
-			y: guidelineYPositions[i],
+			y: yPosition,
 			alpha: 0.5
 		}));
 	}
 }
\ No newline at end of file