/**** 
* 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;
});
// Tower class for tower defense
var Tower = Container.expand(function () {
	var self = Container.call(this);
	// Tower properties
	self.towerType = 'basic';
	self.level = 1;
	self.damage = 25;
	self.range = 300;
	self.fireRate = 60; // Frames between shots (60 = 1 second at 60fps)
	self.cost = 100;
	self.upgradeCost = 150;
	self.lastShotFrame = 0;
	self.target = null;
	self.rangeCircle = null;
	self.showingRange = false;
	// Create tower graphics
	var towerGraphics = self.attachAsset('tower', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Create level indicator
	var levelIndicator = self.attachAsset('towerLevelIndicator', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 30,
		y: -30
	});
	// Method to show/hide range circle
	self.showRange = function () {
		if (!self.rangeCircle) {
			self.rangeCircle = self.addChild(LK.getAsset('rangeCircle', {
				anchorX: 0.5,
				anchorY: 0.5,
				scaleX: self.range / 500,
				scaleY: self.range / 500,
				alpha: 0.3
			}));
		}
		self.rangeCircle.alpha = 0.3;
		self.showingRange = true;
	};
	self.hideRange = function () {
		if (self.rangeCircle) {
			self.rangeCircle.alpha = 0;
		}
		self.showingRange = false;
	};
	// Method to find nearest enemy in range
	self.findTarget = function () {
		var nearestEnemy = null;
		var nearestDistance = self.range + 1;
		for (var i = 0; i < enemies.length; i++) {
			var enemy = enemies[i];
			var dx = enemy.x - self.x;
			var dy = enemy.y - self.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			if (distance <= self.range && distance < nearestDistance) {
				nearestDistance = distance;
				nearestEnemy = enemy;
			}
		}
		return nearestEnemy;
	};
	// Method to shoot at target
	self.shoot = function (target) {
		if (!target || !target.parent) return;
		// Create bullet/projectile effect
		var bullet = game.addChild(LK.getAsset('bullet', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: self.x,
			y: self.y
		}));
		// Calculate direction to target
		var dx = target.x - self.x;
		var dy = target.y - self.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		// Animate bullet to target
		tween(bullet, {
			x: target.x,
			y: target.y
		}, {
			duration: distance / 2,
			// Speed based on distance
			easing: tween.linear,
			onFinish: function onFinish() {
				bullet.destroy();
				// Deal damage to target
				if (target && target.parent) {
					target.health -= self.damage;
					if (target.health <= 0) {
						target.defeat();
						playerScore += 10;
						playerCash += 25;
					}
				}
			}
		});
		// Play shoot sound
		LK.getSound('Confirm').play();
	};
	// Method to upgrade tower
	self.upgrade = function () {
		if (playerCash >= self.upgradeCost && self.level < 3) {
			playerCash -= self.upgradeCost;
			self.level++;
			self.damage += 15;
			self.range += 50;
			self.fireRate = Math.max(30, self.fireRate - 10);
			self.upgradeCost = Math.floor(self.upgradeCost * 1.5);
			// Update level indicator
			levelIndicator.destroy();
			levelIndicator = self.attachAsset('towerLevelIndicator', {
				anchorX: 0.5,
				anchorY: 0.5,
				x: 30,
				y: -30,
				scaleX: self.level,
				scaleY: self.level
			});
			// Update range circle if showing
			if (self.showingRange && self.rangeCircle) {
				self.rangeCircle.scaleX = self.range / 500;
				self.rangeCircle.scaleY = self.range / 500;
			}
			// Play upgrade sound
			LK.getSound('Towerselect').play();
			return true;
		}
		return false;
	};
	// Click handler for tower interaction
	self.down = function (x, y, obj) {
		if (self.showingRange) {
			self.hideRange();
		} else {
			self.showRange();
		}
	};
	self.update = function () {
		// Only operate when wave is active
		if (!waveActive) return;
		// Find target if we don't have one or current target is invalid
		if (!self.target || !self.target.parent) {
			self.target = self.findTarget();
		}
		// Shoot at target if in range and fire rate allows
		if (self.target && self.target.parent) {
			var dx = self.target.x - self.x;
			var dy = self.target.y - self.y;
			var distance = Math.sqrt(dx * dx + dy * dy);
			// Check if target is still in range
			if (distance <= self.range) {
				// Check if enough time has passed since last shot
				if (LK.ticks - self.lastShotFrame >= self.fireRate) {
					self.shoot(self.target);
					self.lastShotFrame = LK.ticks;
				}
			} else {
				// Target moved out of range
				self.target = null;
			}
		}
	};
	return self;
});

/**** 
* 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 += 560; // Move guideline 1 down by 560 pixels (was 575)
			} 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 += 560; // Move guideline 1 down by 560 pixels (was 575)
											} 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 += 560; // Move guideline 1 down by 560 pixels (was 575)
		} 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 = 400;
	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 = 400;
	skipWaveButton.y = 120;
	LK.gui.addChild(skipWaveButton);
	// Add tower purchase buttons at bottom of screen
	var towerButtonY = 2400; // Position near bottom of screen
	var buttonSpacing = 50; // 50 pixel spacing between buttons
	var startX = 430;
	// Water Tower Button
	var waterTowerButton = game.addChild(LK.getAsset('Waterbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX,
		y: towerButtonY,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Gas Tower Button
	var gasTowerButton = game.addChild(LK.getAsset('Gasbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + waterTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Basic Tower Button
	var basicTowerButton = game.addChild(LK.getAsset('Firebutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + waterTowerButton.width * 0.8 + buttonSpacing + gasTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Electric Tower Button
	var electricTowerButton = game.addChild(LK.getAsset('Electricbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX,
		y: towerButtonY + 150 + buttonSpacing,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Advanced Tower Button
	var advancedTowerButton = game.addChild(LK.getAsset('Plasmabutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + electricTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY + 150 + buttonSpacing,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Slingshot Tower Button
	var slingshotTowerButton = game.addChild(LK.getAsset('Slingshotbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + basicTowerButton.width * 0.8 + buttonSpacing + advancedTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY + 150 + buttonSpacing,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Air Tower Button (above WiFi button)
	var airTowerButton = game.addChild(LK.getAsset('Airbutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + basicTowerButton.width * 0.8 + buttonSpacing + advancedTowerButton.width * 0.8 + buttonSpacing + slingshotTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY + 150 + buttonSpacing - 150 - buttonSpacing,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// WiFi Tower Button
	var wifiTowerButton = game.addChild(LK.getAsset('Wifibutton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: startX + basicTowerButton.width * 0.8 + buttonSpacing + advancedTowerButton.width * 0.8 + buttonSpacing + slingshotTowerButton.width * 0.8 + buttonSpacing,
		y: towerButtonY + 150 + buttonSpacing,
		scaleX: 0.8,
		scaleY: 0.8
	}));
	// Add click handlers for tower buttons
	basicTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for basic tower
	};
	advancedTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for plasma tower
	};
	electricTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for electric tower
	};
	waterTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for water tower
	};
	gasTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for gas tower
	};
	wifiTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for wifi tower
	};
	slingshotTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for slingshot tower
	};
	airTowerButton.down = function (x, y, obj) {
		LK.getSound('Towerselect').play();
		// TODO: Start tower placement mode for air tower
	};
	// 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 += 560; // Move guideline 1 down by 560 pixels (was 575)
		} 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
@@ -962,9 +962,9 @@
 	LK.gui.addChild(skipWaveButton);
 	// Add tower purchase buttons at bottom of screen
 	var towerButtonY = 2400; // Position near bottom of screen
 	var buttonSpacing = 50; // 50 pixel spacing between buttons
-	var startX = 450;
+	var startX = 430;
 	// Water Tower Button
 	var waterTowerButton = game.addChild(LK.getAsset('Waterbutton', {
 		anchorX: 0.5,
 		anchorY: 0.5,