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

/**** 
* Classes
****/ 
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerGraphics = self.attachAsset('Player_idle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Movement tracking
	self.lastX = 0;
	self.lastY = 0;
	self.isMoving = false;
	self.moveThreshold = 2; // Minimum movement to detect
	// Bounce animation methods
	self.startBounceAnimation = function () {
		if (self.bounceAnimation) return; // Already animating
		self.bounceAnimation = true;
		self.doBounce();
	};
	self.stopBounceAnimation = function () {
		self.bounceAnimation = false;
		tween.stop(self, {
			scaleY: true
		});
		self.scaleY = 1; // Reset scale
	};
	self.doBounce = function () {
		if (!self.bounceAnimation) return;
		tween(self, {
			scaleY: 0.8
		}, {
			duration: 150,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				if (!self.bounceAnimation) return;
				tween(self, {
					scaleY: 1.2
				}, {
					duration: 150,
					easing: tween.easeInOut,
					onFinish: function onFinish() {
						if (!self.bounceAnimation) return;
						tween(self, {
							scaleY: 1
						}, {
							duration: 150,
							easing: tween.easeInOut,
							onFinish: function onFinish() {
								self.doBounce(); // Continue bouncing
							}
						});
					}
				});
			}
		});
	};
	self.update = function () {
		// Check if player is moving
		var deltaX = Math.abs(self.x - self.lastX);
		var deltaY = Math.abs(self.y - self.lastY);
		var wasMoving = self.isMoving;
		self.isMoving = deltaX > self.moveThreshold || deltaY > self.moveThreshold;
		// Switch assets based on movement state
		if (wasMoving !== self.isMoving) {
			if (self.isMoving) {
				// Cancel any pending idle transition
				if (self.idleTimeout) {
					tween.stop(self.idleTimeout);
					self.idleTimeout = null;
				}
				// Switch to moving player asset immediately
				self.removeChildren();
				playerGraphics = self.attachAsset('player', {
					anchorX: 0.5,
					anchorY: 0.5
				});
				// Start bouncing animation while moving
				self.startBounceAnimation();
			} else {
				// Stop bouncing animation when stopping
				self.stopBounceAnimation();
				// Wait 0.5 seconds before switching to idle asset
				self.idleTimeout = {};
				tween(self.idleTimeout, {}, {
					duration: 500,
					onFinish: function onFinish() {
						// Only switch to idle if still not moving
						if (!self.isMoving) {
							self.removeChildren();
							playerGraphics = self.attachAsset('Player_idle', {
								anchorX: 0.5,
								anchorY: 0.5
							});
						}
						self.idleTimeout = null;
					}
				});
			}
		}
		// Update last position
		self.lastX = self.x;
		self.lastY = self.y;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
// Game state variables
var game = new LK.Game({
	backgroundColor: 0x2c2c2c // Dark grey background for dramatic effect
});

/**** 
* Game Code
****/ 
// Game state variables
// Traffic light states
// Player character
// Finish line
// Sound effects
var isRedLight = false;
var lightChangeTimer = 0;
var nextLightChange = 180; // 3 seconds at 60fps
var player;
var trafficLight;
var finishLine;
var isDragging = false;
var gameStarted = false;
// Swipe detection variables declared in down handler
// Create arena background
var arenaBackground = game.addChild(LK.getAsset('Arena', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	scaleX: 3.5,
	scaleY: 4.5
}));
// Create traffic light at center
trafficLight = game.addChild(LK.getAsset('greenLight', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2
}));
// Create finish line at top
finishLine = game.addChild(LK.getAsset('finishLine', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 150,
	alpha: 1
}));
// Create player at bottom with 1 second delay
player = new Player();
player.x = 2048 / 2;
player.y = 2500;
player.alpha = 0; // Start invisible
// Wait 1 second before adding player to game
tween(player, {
	alpha: 1
}, {
	duration: 1000,
	easing: tween.easeIn,
	onFinish: function onFinish() {
		game.addChild(player);
	}
});
// Score display for instructions
var instructionText = new Text2('GREEN: TAP TO MOVE\nRED: FREEZE!', {
	size: 60,
	fill: 0xFFFFFF
});
instructionText.anchor.set(0.5, 0);
LK.gui.top.addChild(instructionText);
// Light change function
function changeLight() {
	isRedLight = !isRedLight;
	if (isRedLight) {
		// Switch to red light
		trafficLight.removeChildren();
		var redLightGraphics = trafficLight.attachAsset('redLight', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trafficLight.x = 2048 / 2;
		trafficLight.y = 2732 / 2;
		instructionText.setText('RED LIGHT - FREEZE!');
		instructionText.tint = 0xff0000;
		// Random duration for red light (1-4 seconds)
		nextLightChange = 60 + Math.random() * 180;
		// Play red light music during red light
		LK.playMusic('redMusic');
		// Red light visual effect - pulse and flash
		tween(trafficLight, {
			scaleX: 1.3,
			scaleY: 1.3
		}, {
			duration: 300,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(trafficLight, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 300,
					easing: tween.easeIn
				});
			}
		});
		// Flash screen red briefly
		LK.effects.flashScreen(0xff0000, 500);
	} else {
		// Switch to green light
		trafficLight.removeChildren();
		var greenLightGraphics = trafficLight.attachAsset('greenLight', {
			anchorX: 0.5,
			anchorY: 0.5
		});
		trafficLight.x = 2048 / 2;
		trafficLight.y = 2732 / 2;
		instructionText.setText('GREEN LIGHT - TAP!');
		instructionText.tint = 0x00ff00;
		// Random duration for green light (2-5 seconds)
		nextLightChange = 120 + Math.random() * 180;
		// Play music during green light
		LK.playMusic('greenMusic');
		// Green light visual effect - bounce and glow
		tween(trafficLight, {
			scaleX: 1.2,
			scaleY: 1.2
		}, {
			duration: 400,
			easing: tween.bounceOut,
			onFinish: function onFinish() {
				tween(trafficLight, {
					scaleX: 1.0,
					scaleY: 1.0
				}, {
					duration: 200,
					easing: tween.easeOut
				});
			}
		});
		// Flash screen green briefly
		LK.effects.flashScreen(0x00ff00, 300);
	}
	LK.getSound('lightChange').play();
	lightChangeTimer = 0;
}
// Tap to step movement
var stepSize = 60; // Size of each step forward
game.down = function (x, y, obj) {
	if (!gameStarted) {
		gameStarted = true;
		changeLight(); // Start with first light change
		return;
	}
	// Move player one step forward (upward) regardless of light state
	var newY = player.y - stepSize;
	// Keep player within bounds
	if (newY >= 100) {
		// Animate the movement instead of instant position change
		tween(player, {
			y: newY
		}, {
			duration: 200,
			easing: tween.easeOut
		});
		// If moving during red light, trigger death after movement
		if (isRedLight) {
			// Player moved during red light - eliminate!
			LK.getSound('eliminate').play();
			LK.getSound('eliminate').play();
			LK.effects.flashScreen(0xff0000, 1000);
			// Create blood splatter effect
			var bloodParticles = [];
			for (var i = 0; i < 8; i++) {
				var bloodDrop = game.addChild(LK.getAsset('redLight', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: player.x,
					y: player.y,
					scaleX: 0.1,
					scaleY: 0.1
				}));
				bloodParticles.push(bloodDrop);
				// Random direction for each blood particle
				var angle = i / 8 * Math.PI * 2 + (Math.random() - 0.5) * 0.5;
				var distance = 100 + Math.random() * 150;
				var targetX = player.x + Math.cos(angle) * distance;
				var targetY = player.y + Math.sin(angle) * distance;
				// Animate blood particle
				tween(bloodDrop, {
					x: targetX,
					y: targetY,
					scaleX: 0.3 + Math.random() * 0.2,
					scaleY: 0.3 + Math.random() * 0.2,
					alpha: 0
				}, {
					duration: 800 + Math.random() * 400,
					easing: tween.easeOut,
					onFinish: function onFinish() {
						if (bloodDrop.parent) {
							bloodDrop.destroy();
						}
					}
				});
			}
			// Death animation - scale up, rotate and fade out
			tween(player, {
				scaleX: 2,
				scaleY: 2,
				rotation: Math.PI * 2,
				alpha: 0
			}, {
				duration: 800,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					// Reset player position and properties after animation
					player.x = 2048 / 2;
					player.y = 2500;
					player.scaleX = 1;
					player.scaleY = 1;
					player.rotation = 0;
					player.alpha = 1;
					player.lastX = player.x;
					player.lastY = player.y;
					// Show game over after animation completes
					LK.showGameOver();
				}
			});
		}
	}
};
// Main game update
game.update = function () {
	if (!gameStarted) return;
	// Update light timer
	lightChangeTimer++;
	if (lightChangeTimer >= nextLightChange) {
		changeLight();
	}
	// Check win condition - player reaches finish line
	if (player.intersects(finishLine)) {
		// Player wins!
		LK.effects.flashScreen(0x00ff00, 1000);
		LK.showYouWin();
		return;
	}
	// Keep player within bounds
	if (player.x < 40) player.x = 40;
	if (player.x > 2008) player.x = 2008;
	if (player.y > 2600) player.y = 2600;
};

===================================================================
--- original.js
+++ change.js
@@ -134,8 +134,17 @@
 var finishLine;
 var isDragging = false;
 var gameStarted = false;
 // Swipe detection variables declared in down handler
+// Create arena background
+var arenaBackground = game.addChild(LK.getAsset('Arena', {
+	anchorX: 0.5,
+	anchorY: 0.5,
+	x: 2048 / 2,
+	y: 2732 / 2,
+	scaleX: 3.5,
+	scaleY: 4.5
+}));
 // Create traffic light at center
 trafficLight = game.addChild(LK.getAsset('greenLight', {
 	anchorX: 0.5,
 	anchorY: 0.5,