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

/**** 
* Classes
****/ 
// Animal class (player)
var Animal = Container.expand(function () {
	var self = Container.call(this);
	// Default to chicken
	self.type = 'chicken';
	self.sprite = self.attachAsset(self.type, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setType = function (type) {
		if (self.sprite) self.sprite.destroy();
		self.type = type;
		self.sprite = self.attachAsset(type, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	};
	// Animate hop
	self.hop = function (targetX, targetY, _onFinish) {
		tween(self, {
			x: targetX,
			y: targetY,
			scaleY: 1.2
		}, {
			duration: 80,
			easing: tween.cubicOut,
			onFinish: function onFinish() {
				tween(self, {
					scaleY: 1
				}, {
					duration: 60,
					easing: tween.cubicIn,
					onFinish: _onFinish
				});
			}
		});
	};
	return self;
});
// Coin class
var Coin = Container.expand(function () {
	var self = Container.call(this);
	self.sprite = self.attachAsset('coin', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Animate spin
	self.update = function () {
		self.sprite.rotation += 0.15;
	};
	return self;
});
// Vehicle class
var Vehicle = Container.expand(function () {
	var self = Container.call(this);
	// type: 'car1', 'car2', 'truck'
	self.type = 'car1';
	self.sprite = self.attachAsset(self.type, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setType = function (type) {
		if (self.sprite) self.sprite.destroy();
		self.type = type;
		self.sprite = self.attachAsset(type, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Set sprite orientation to always face movement direction, regardless of asset's default orientation
		if (type === 'car2') {
			// Car2 asset default faces right, so:
			if (self.dir === 1) {
				// Left-to-right: no flip needed
				self.sprite.scaleX = Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			} else {
				// Right-to-left: flip horizontally
				self.sprite.scaleX = -Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			}
		} else {
			// Other vehicles: keep existing logic
			if (self.dir === 1) {
				// Always face right for left-to-right movement
				self.sprite.scaleX = Math.abs(self.sprite.scaleX);
			} else {
				// Always face left for right-to-left movement
				self.sprite.scaleX = -Math.abs(self.sprite.scaleX);
			}
		}
	};
	// Lane index (0-19)
	self.lane = 0;
	// Direction: 1 = left to right, -1 = right to left
	self.dir = 1;
	// Speed in px per frame
	self.speed = 6;
	self.update = function () {
		if (typeof self.lastX === "undefined") self.lastX = self.x;
		self.x += self.speed * self.dir;
		// Ensure sprite faces the correct direction, always facing movement direction
		if (self.type === 'car2') {
			if (self.dir === 1) {
				self.sprite.scaleX = Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			} else {
				self.sprite.scaleX = -Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			}
		} else {
			if (self.dir === 1) {
				self.sprite.scaleX = Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			} else {
				self.sprite.scaleX = -Math.abs(self.sprite.scaleX);
				self.sprite.rotation = 0;
			}
		}
		self.lastX = self.x;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x87ceeb // Day sky blue
});

/**** 
* Game Code
****/ 
// Music
// Sounds
// Coin
// Vehicles
// Lane types
// Animal characters
// --- Game constants ---
var NUM_LANES = 20;
var LANE_HEIGHT = 120;
var LANE_TYPES = []; // 'grass' or 'road'
var LANE_Y = []; // y positions of each lane (0 = bottom)
var LANE_CONFIG = []; // {type, y, speed, dir, spacing, vehicleTypes}
var LANE_TOP = 2732 - NUM_LANES * LANE_HEIGHT; // Top y of first lane
// --- Day/Night cycle ---
var dayNight = {
	t: 0,
	// 0 = day, 1 = night
	speed: 0.00025,
	// How fast day/night cycles (per tick)
	colorDay: 0x87ceeb,
	colorNight: 0x23234a
};
// --- Game state ---
var player = null;
var vehicles = [];
var coins = [];
var score = 0;
var coinsCollected = 0;
var isMoving = false;
var dragStart = null;
var dragTarget = null;
var lastLane = 0;
var gameOver = false;
// --- Level state ---
var currentLevel = 1;
var maxLevel = 5;
var flag = null;
// --- UI ---
var scoreTxt = new Text2('0', {
	size: 100,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
var coinTxt = new Text2('0', {
	size: 80,
	fill: 0xFFD700
});
coinTxt.anchor.set(0.5, 0);
LK.gui.topRight.addChild(coinTxt);
// --- Lane setup ---
function setupLanes() {
	LANE_TYPES.length = 0;
	LANE_Y.length = 0;
	LANE_CONFIG.length = 0;
	for (var i = 0; i < NUM_LANES; i++) {
		// Alternate: grass every 3rd lane, rest are road
		var type = i % 3 === 0 ? 'grass' : 'road';
		LANE_TYPES.push(type);
		var y = 2732 - (i + 0.5) * LANE_HEIGHT;
		LANE_Y.push(y);
		// Lane config
		if (type === 'road') {
			// Assign direction: even lanes go left-to-right, odd lanes go right-to-left (never mixed)
			var dir = i % 2 === 0 ? 1 : -1;
			var speed = 4 + i % 4 * 1.5; // 4, 5.5, 7, 8.5
			var spacing = 350 + i % 3 * 80; // 350, 430, 510
			var vehicleTypes = i % 4 === 0 ? ['truck'] : ['car1', 'car2'];
			LANE_CONFIG.push({
				type: type,
				y: y,
				speed: speed,
				dir: dir,
				spacing: spacing,
				vehicleTypes: vehicleTypes
			});
		} else {
			LANE_CONFIG.push({
				type: type,
				y: y
			});
		}
	}
}
// --- Draw lanes ---
function drawLanes() {
	for (var i = 0; i < NUM_LANES; i++) {
		var laneType = LANE_TYPES[i];
		var y = LANE_Y[i];
		var lane = LK.getAsset(laneType, {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 2048 / 2,
			y: y
		});
		game.addChild(lane);
		// Add direction arrows for road lanes
		if (laneType === 'road') {
			var dir = LANE_CONFIG[i].dir;
			// Place 3 arrows per lane, evenly spaced
			for (var a = 0; a < 3; a++) {
				var arrow = LK.getAsset('car1', {
					anchorX: 0.5,
					anchorY: 0.5,
					x: 512 + a * 512,
					y: y
				});
				// Use a car asset as a simple arrow stand-in, scaled down and tinted
				arrow.width = 60;
				arrow.height = 40;
				arrow.tint = 0xffffff;
				if (dir === 1) {
					arrow.scaleX = Math.abs(arrow.scaleX);
					arrow.rotation = 0;
				} else {
					arrow.scaleX = -Math.abs(arrow.scaleX);
					arrow.rotation = 0;
				}
				game.addChild(arrow);
			}
		}
	}
}
// --- Spawn player ---
function spawnPlayer() {
	player = new Animal();
	player.setType('chicken');
	// Start at bottom grass lane, center
	player.x = 2048 / 2;
	player.y = LANE_Y[0];
	lastLane = 0;
	game.addChild(player);
}
// --- Spawn flag at the end of the level ---
function spawnFlag() {
	if (flag) {
		flag.destroy();
		flag = null;
	}
	// Place flag at the topmost grass lane
	var topLaneIdx = NUM_LANES - 1;
	var flagY = LANE_Y[topLaneIdx];
	flag = LK.getAsset('flag', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: flagY
	});
	game.addChild(flag);
}
// --- Spawn vehicles ---
function spawnVehicle(laneIdx) {
	var config = LANE_CONFIG[laneIdx];
	if (!config || config.type !== 'road') return;
	// Check for minimum distance to last vehicle in this lane
	var lastVehicle = null;
	var lastDist = 99999;
	for (var i = 0; i < vehicles.length; i++) {
		if (vehicles[i].lane === laneIdx) {
			var dist = Math.abs(vehicles[i].x - 2048 / 2);
			if (dist < lastDist) {
				lastDist = dist;
				lastVehicle = vehicles[i];
			}
		}
	}
	// Only spawn if no vehicle or far enough from last vehicle in this lane
	if (!lastVehicle || lastDist > config.spacing) {
		var v = new Vehicle();
		// Random vehicle type
		var vtype = config.vehicleTypes[Math.floor(Math.random() * config.vehicleTypes.length)];
		v.setType(vtype);
		v.lane = laneIdx;
		v.dir = config.dir;
		v.speed = config.speed + Math.random() * 1.5;
		// Y position
		v.y = config.y;
		// X position: offscreen left or right
		if (v.dir === 1) {
			v.x = -v.sprite.width / 2 - 20;
			// Car2: always face right for left-to-right movement
			if (v.type === 'car2') {
				v.sprite.scaleX = Math.abs(v.sprite.scaleX);
				v.sprite.rotation = 0;
			} else {
				// Always face right for left-to-right movement
				v.sprite.scaleX = Math.abs(v.sprite.scaleX);
				v.sprite.rotation = 0;
			}
		} else {
			v.x = 2048 + v.sprite.width / 2 + 20;
			// Car2: always face left for right-to-left movement
			if (v.type === 'car2') {
				v.sprite.scaleX = -Math.abs(v.sprite.scaleX);
				v.sprite.rotation = 0;
			} else {
				// Always face left for right-to-left movement
				v.sprite.scaleX = -Math.abs(v.sprite.scaleX);
				v.sprite.rotation = 0;
			}
		}
		vehicles.push(v);
		game.addChild(v);
	}
}
// --- Spawn coin ---
function spawnCoin(laneIdx) {
	var config = LANE_CONFIG[laneIdx];
	if (!config || config.type !== 'grass') return;
	// Only one coin per grass lane at a time
	for (var i = 0; i < coins.length; i++) {
		if (Math.abs(coins[i].y - config.y) < 10) return;
	}
	var c = new Coin();
	c.x = 200 + Math.random() * (2048 - 400);
	c.y = config.y;
	coins.push(c);
	game.addChild(c);
}
// --- Remove vehicle ---
function removeVehicle(idx) {
	vehicles[idx].destroy();
	vehicles.splice(idx, 1);
}
// --- Remove coin ---
function removeCoin(idx) {
	coins[idx].destroy();
	coins.splice(idx, 1);
}
// --- Update UI ---
function updateUI() {
	scoreTxt.setText(score);
	coinTxt.setText(coinsCollected);
}
// --- Day/Night cycle update ---
function updateDayNight() {
	dayNight.t += dayNight.speed;
	if (dayNight.t > 1) dayNight.t = 0;
	// Interpolate color
	var t = dayNight.t;
	var c1 = dayNight.colorDay,
		c2 = dayNight.colorNight;
	var r = (c1 >> 16) * (1 - t) + (c2 >> 16) * t & 0xff;
	var g = (c1 >> 8 & 0xff) * (1 - t) + (c2 >> 8 & 0xff) * t & 0xff;
	var b = (c1 & 0xff) * (1 - t) + (c2 & 0xff) * t & 0xff;
	var color = r << 16 | g << 8 | b;
	game.setBackgroundColor(color);
}
// --- Collision detection ---
function checkCollisions() {
	// Vehicles
	for (var i = 0; i < vehicles.length; i++) {
		if (player.intersects(vehicles[i])) {
			// Crash!
			LK.effects.flashScreen(0xff0000, 800);
			LK.getSound('crash').play();
			gameOver = true;
			LK.showGameOver();
			return;
		}
	}
	// Coins
	for (var i = coins.length - 1; i >= 0; i--) {
		if (player.intersects(coins[i])) {
			coinsCollected++;
			updateUI();
			LK.getSound('coin').play();
			removeCoin(i);
		}
	}
}
// --- Move player (grid) ---
function tryMove(dx, dy) {
	if (isMoving || gameOver) return;
	var newLane = lastLane + dy;
	if (newLane < 0 || newLane >= NUM_LANES) return;
	var newX = player.x + dx * 220;
	if (newX < 80 || newX > 2048 - 80) return;
	var newY = LANE_Y[newLane];
	isMoving = true;
	player.hop(newX, newY, function () {
		isMoving = false;
		lastLane = newLane;
		// Score: advance only if moving up
		if (dy > 0) {
			score++;
			updateUI();
			if (score >= NUM_LANES - 1) {
				// Win!
				LK.effects.flashScreen(0x00ffcc, 1000);
				LK.showYouWin();
				gameOver = true;
			}
		}
	});
	LK.getSound('hop').play();
}
// --- Touch controls (swipe) ---
var touchStart = null;
game.down = function (x, y, obj) {
	if (gameOver) return;
	touchStart = {
		x: x,
		y: y
	};
};
game.up = function (x, y, obj) {
	if (gameOver || !touchStart) return;
	var dx = x - touchStart.x;
	var dy = y - touchStart.y;
	var absX = Math.abs(dx),
		absY = Math.abs(dy);
	if (absX < 40 && absY < 40) {
		// Tap: move up
		tryMove(0, 1);
	} else if (absY > absX) {
		if (dy < -40) tryMove(0, -1); // Down
		else if (dy > 40) tryMove(0, 1); // Up
	} else {
		if (dx < -40) tryMove(-1, 0); // Left
		else if (dx > 40) tryMove(1, 0); // Right
	}
	touchStart = null;
};
// --- Main update loop ---
game.update = function () {
	if (gameOver) return;
	// Day/Night
	updateDayNight();
	// Vehicles
	for (var i = vehicles.length - 1; i >= 0; i--) {
		vehicles[i].update();
		// Remove if offscreen
		if (vehicles[i].dir === 1 && vehicles[i].x > 2048 + vehicles[i].sprite.width / 2 + 40 || vehicles[i].dir === -1 && vehicles[i].x < -vehicles[i].sprite.width / 2 - 40) {
			removeVehicle(i);
		}
	}
	// Coins
	for (var i = 0; i < coins.length; i++) {
		coins[i].update();
	}
	// Spawn vehicles
	for (var i = 0; i < NUM_LANES; i++) {
		var config = LANE_CONFIG[i];
		if (!config || config.type !== 'road') continue;
		// Try to spawn a vehicle with a small probability
		if (Math.random() < 0.025) {
			// ~1 every 40 frames
			spawnVehicle(i);
		}
	}
	// Spawn coins
	for (var i = 0; i < NUM_LANES; i++) {
		var config = LANE_CONFIG[i];
		if (!config || config.type !== 'grass') continue;
		// 1% chance per frame
		if (Math.random() < 0.01) {
			spawnCoin(i);
		}
	}
	// Remove coins if offscreen (shouldn't happen, but safety)
	for (var i = coins.length - 1; i >= 0; i--) {
		if (coins[i].y < LANE_TOP - 100 || coins[i].y > 2732 + 100) {
			removeCoin(i);
		}
	}
	// Collisions
	checkCollisions();
	// Check for flag collision and level progression
	if (flag && player.intersects(flag)) {
		// Advance to next level if possible
		if (currentLevel < maxLevel) {
			currentLevel++;
			// Increase difficulty: more/faster vehicles, less grass, etc.
			NUM_LANES = 20 + currentLevel * 2;
			LANE_HEIGHT = Math.max(80, 120 - currentLevel * 5);
			// Remove all game objects
			for (var i = vehicles.length - 1; i >= 0; i--) removeVehicle(i);
			for (var i = coins.length - 1; i >= 0; i--) removeCoin(i);
			if (player) {
				player.destroy();
				player = null;
			}
			if (flag) {
				flag.destroy();
				flag = null;
			}
			// Re-setup lanes and redraw
			setupLanes();
			drawLanes();
			spawnPlayer();
			spawnFlag();
			updateUI();
			gameOver = false;
		} else {
			// Last level: show win
			LK.effects.flashScreen(0x00ffcc, 1000);
			LK.showYouWin();
			gameOver = true;
		}
	}
};
// --- Game start ---
setupLanes();
drawLanes();
spawnPlayer();
spawnFlag();
updateUI();
LK.playMusic('bgmusic', {
	fade: {
		start: 0,
		end: 0.7,
		duration: 1200
	}
});

===================================================================
--- original.js
+++ change.js
@@ -171,8 +171,12 @@
 var dragStart = null;
 var dragTarget = null;
 var lastLane = 0;
 var gameOver = false;
+// --- Level state ---
+var currentLevel = 1;
+var maxLevel = 5;
+var flag = null;
 // --- UI ---
 var scoreTxt = new Text2('0', {
 	size: 100,
 	fill: "#fff"
@@ -267,8 +271,25 @@
 	player.y = LANE_Y[0];
 	lastLane = 0;
 	game.addChild(player);
 }
+// --- Spawn flag at the end of the level ---
+function spawnFlag() {
+	if (flag) {
+		flag.destroy();
+		flag = null;
+	}
+	// Place flag at the topmost grass lane
+	var topLaneIdx = NUM_LANES - 1;
+	var flagY = LANE_Y[topLaneIdx];
+	flag = LK.getAsset('flag', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		x: 2048 / 2,
+		y: flagY
+	});
+	game.addChild(flag);
+}
 // --- Spawn vehicles ---
 function spawnVehicle(laneIdx) {
 	var config = LANE_CONFIG[laneIdx];
 	if (!config || config.type !== 'road') return;
@@ -485,13 +506,47 @@
 		}
 	}
 	// Collisions
 	checkCollisions();
+	// Check for flag collision and level progression
+	if (flag && player.intersects(flag)) {
+		// Advance to next level if possible
+		if (currentLevel < maxLevel) {
+			currentLevel++;
+			// Increase difficulty: more/faster vehicles, less grass, etc.
+			NUM_LANES = 20 + currentLevel * 2;
+			LANE_HEIGHT = Math.max(80, 120 - currentLevel * 5);
+			// Remove all game objects
+			for (var i = vehicles.length - 1; i >= 0; i--) removeVehicle(i);
+			for (var i = coins.length - 1; i >= 0; i--) removeCoin(i);
+			if (player) {
+				player.destroy();
+				player = null;
+			}
+			if (flag) {
+				flag.destroy();
+				flag = null;
+			}
+			// Re-setup lanes and redraw
+			setupLanes();
+			drawLanes();
+			spawnPlayer();
+			spawnFlag();
+			updateUI();
+			gameOver = false;
+		} else {
+			// Last level: show win
+			LK.effects.flashScreen(0x00ffcc, 1000);
+			LK.showYouWin();
+			gameOver = true;
+		}
+	}
 };
 // --- Game start ---
 setupLanes();
 drawLanes();
 spawnPlayer();
+spawnFlag();
 updateUI();
 LK.playMusic('bgmusic', {
 	fade: {
 		start: 0,