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

/**** 
* Classes
****/ 
// 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
var Enemy = Container.expand(function () {
	var self = Container.call(this);
	var enemyGraphics = self.attachAsset('enemy', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.3,
		scaleY: 0.3
	});
	// Add number text
	self.numberText = new Text2('1', {
		size: 60,
		fill: 0x000000
	});
	self.numberText.anchor.set(0.5, 0.5);
	self.numberText.x = 0;
	self.numberText.y = 0;
	self.addChild(self.numberText);
	// Add health bar
	var healthBarOutline = self.attachAsset('healthBarOutline', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: -100
	});
	var healthBar = self.attachAsset('healthBar', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 0,
		y: -100,
		tint: 0x00ff00
	});
	self.updateHealthBar = function () {
		var healthPercentage = self.health / self.maxHealth;
		healthBar.scaleX = healthPercentage;
		// Change color based on health
		if (healthPercentage > 0.6) {
			healthBar.tint = 0x00ff00; // Green
		} else if (healthPercentage > 0.3) {
			healthBar.tint = 0xffff00; // Yellow
		} else {
			healthBar.tint = 0xff0000; // Red
		}
	};
	self.takeDamage = function (damage) {
		self.health -= damage;
		if (self.health <= 0) {
			self.health = 0;
		}
		self.updateHealthBar();
	};
	self.update = function () {
		// Initialize lastX if not set
		if (self.lastX === undefined) self.lastX = self.x;
		// Update health bar
		self.updateHealthBar();
	};
	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
****/ 
// Game update loop
game.update = function () {
	if (!gameStarted) return;
	// Spawn enemies
	enemySpawnTimer++;
	if (enemySpawnTimer >= enemySpawnInterval) {
		spawnEnemy();
		enemySpawnTimer = 0;
	}
	// Update enemies
	updateEnemies();
	// Check win condition
	if (enemiesSpawned >= maxEnemiesInWave && enemies.length === 0) {
		LK.showYouWin();
	}
};
var enemies = [];
var towers = [];
var gameStarted = false;
var enemySpawnTimer = 0;
var enemySpawnInterval = 120; // Spawn every 2 seconds at 60fps
var enemiesSpawned = 0;
var maxEnemiesInWave = 10; // Wave 1 has exactly 10 enemies
// Tower defense functions
function startTowerDefenseWave1() {
	gameStarted = true;
	enemySpawnTimer = 0;
	enemiesSpawned = 0;
}
function spawnEnemy() {
	if (enemiesSpawned >= maxEnemiesInWave) return;
	var enemy = game.addChild(new Enemy());
	// Position enemy at the right side of the screen
	enemy.x = 2048 - 50; // Start from right side
	enemy.y = 2732 / 7 + 600; // First guideline position
	enemy.health = 100;
	enemy.maxHealth = 100;
	enemy.speed = -2; // Negative speed to move left
	enemy.pathIndex = 0;
	enemy.lastPathIndex = -1;
	// Set enemy number
	enemy.numberText.setText((enemiesSpawned + 1).toString());
	enemies.push(enemy);
	enemiesSpawned++;
}
function updateEnemies() {
	for (var i = enemies.length - 1; i >= 0; i--) {
		var enemy = enemies[i];
		// Move enemy using its speed (negative for left movement)
		enemy.x += enemy.speed;
		// Check if enemy reached the left side of the screen
		if (enemy.lastX >= 0 && enemy.x < 0) {
			// Enemy reached the left side - remove it
			enemy.destroy();
			enemies.splice(i, 1);
			continue;
		}
		// Update last position for next frame
		enemy.lastX = enemy.x;
	}
}
// Start with cell cutscene
var cellImage = game.addChild(LK.getAsset('cell', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	alpha: 0
}));
// Fade in cell image
tween(cellImage, {
	alpha: 1
}, {
	duration: 2000,
	easing: tween.easeInOut,
	onFinish: function onFinish() {
		// Keep cell visible for 3 seconds
		LK.setTimeout(function () {
			// Fade out cell
			tween(cellImage, {
				alpha: 0
			}, {
				duration: 2000,
				easing: tween.easeInOut,
				onFinish: function onFinish() {
					cellImage.destroy();
					// Now display the title
					showTitleScene();
				}
			});
		}, 3000);
	}
});
// Function to show title scene
function showTitleScene() {
	// 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.x = 2048 / 2;
	skipButton.y = 150;
	game.addChild(skipButton);
	// Add touch event to skip button
}
// 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.8,
		scaleY: 0.8
	}));
	// 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 3 seconds then fade out
					LK.setTimeout(function () {
						tween(wave1Asset, {
							alpha: 0
						}, {
							duration: 1000,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								wave1Asset.destroy();
								// Start first wave of tower defense game
								startTowerDefenseWave1();
							}
						});
					}, 3000);
				}
			});
		}
	});
	// 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 += 600; // Move guideline 1 down by 600 pixels
		} else if (i === 2) {
			yPosition += 420; // Move guideline 2 down by 420 pixels
		} else if (i === 3) {
			yPosition += 250; // Move guideline 3 down by 250 pixels
		} else if (i === 4) {
			yPosition += 120; // Move guideline 4 down by 120 pixels
		} else if (i === 5) {
			yPosition -= 50; // Move guideline 5 up by 50 pixels
		} else if (i === 6) {
			yPosition -= 200; // Move guideline 6 up by 200 pixels
		}
		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.8,
								scaleY: 0.8
							}));
							// 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 3 seconds then fade out
												LK.setTimeout(function () {
													tween(wave1Asset, {
														alpha: 0
													}, {
														duration: 1000,
														easing: tween.easeInOut,
														onFinish: function onFinish() {
															wave1Asset.destroy();
															// Start first wave of tower defense game
															startTowerDefenseWave1();
														}
													});
												}, 3000);
											}
										});
									}
								});
							}
							// Fade in backdrop
							tween(backdropAsset, {
								alpha: 1
							}, {
								duration: 2000,
								easing: tween.easeInOut,
								onFinish: function onFinish() {
									// Fade in backdrop flyby
									tween(backdropFlyby, {
										alpha: 1
									}, {
										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 += 600; // Move guideline 1 down by 600 pixels
										} else if (i === 2) {
											yPosition += 420; // Move guideline 2 down by 420 pixels
										} else if (i === 3) {
											yPosition += 250; // Move guideline 3 down by 250 pixels
										} else if (i === 4) {
											yPosition += 120; // Move guideline 4 down by 120 pixels
										} else if (i === 5) {
											yPosition -= 50; // Move guideline 5 up by 50 pixels
										} else if (i === 6) {
											yPosition -= 200; // Move guideline 6 up by 200 pixels
										}
										var guideLine = game.addChild(LK.getAsset('guideLine', {
											anchorX: 0.5,
											anchorY: 0.5,
											x: 2048 / 2,
											y: yPosition,
											alpha: 0.5
										}));
									}
								}
							});
						}
					});
				}
			});
		}, 5000);
	}
});
;

===================================================================
--- original.js
+++ change.js
@@ -159,32 +159,60 @@
 		// Update last position for next frame
 		enemy.lastX = enemy.x;
 	}
 }
-// 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 cell asset to title screen
+// Start with cell cutscene
 var cellImage = game.addChild(LK.getAsset('cell', {
 	anchorX: 0.5,
 	anchorY: 0.5,
 	x: 2048 / 2,
-	y: 2732 / 2 + 800
+	y: 2732 / 2,
+	alpha: 0
 }));
-// Add skip intro button to top of title screen
-var skipButton = new Text2('SKIP INTRO', {
-	size: 60,
-	fill: 0xFFFFFF
+// Fade in cell image
+tween(cellImage, {
+	alpha: 1
+}, {
+	duration: 2000,
+	easing: tween.easeInOut,
+	onFinish: function onFinish() {
+		// Keep cell visible for 3 seconds
+		LK.setTimeout(function () {
+			// Fade out cell
+			tween(cellImage, {
+				alpha: 0
+			}, {
+				duration: 2000,
+				easing: tween.easeInOut,
+				onFinish: function onFinish() {
+					cellImage.destroy();
+					// Now display the title
+					showTitleScene();
+				}
+			});
+		}, 3000);
+	}
 });
-skipButton.anchor.set(0.5, 0);
-skipButton.x = 2048 / 2;
-skipButton.y = 150;
-game.addChild(skipButton);
+// Function to show title scene
+function showTitleScene() {
+	// 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.x = 2048 / 2;
+	skipButton.y = 150;
+	game.addChild(skipButton);
+	// Add touch event to skip button
+}
 // Function to skip directly to backdrop scene
 function skipToBackdrop() {
 	// Stop all tweens
 	tween.stop(titleImage);