/**** 
* 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
	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
				});
			} else {
				// Wait 1 second before switching to idle asset
				self.idleTimeout = {};
				tween(self.idleTimeout, {}, {
					duration: 1000,
					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 traffic light at top center
trafficLight = game.addChild(LK.getAsset('greenLight', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 300
}));
// Create finish line at top
finishLine = game.addChild(LK.getAsset('finishLine', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 150
}));
// 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
		});
		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
		});
		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);
			// 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
@@ -24,20 +24,36 @@
 		var wasMoving = self.isMoving;
 		self.isMoving = deltaX > self.moveThreshold || deltaY > self.moveThreshold;
 		// Switch assets based on movement state
 		if (wasMoving !== self.isMoving) {
-			self.removeChildren();
 			if (self.isMoving) {
-				// Use moving player asset
+				// 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
 				});
 			} else {
-				// Use idle player asset
-				playerGraphics = self.attachAsset('Player_idle', {
-					anchorX: 0.5,
-					anchorY: 0.5
+				// Wait 1 second before switching to idle asset
+				self.idleTimeout = {};
+				tween(self.idleTimeout, {}, {
+					duration: 1000,
+					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
@@ -57,13 +73,13 @@
 
 /**** 
 * Game Code
 ****/ 
-// Sound effects
-// Finish line
-// Player character
-// Traffic light states
 // 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;