/**** 
* 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
	});
	// Set a more accurate hitbox for the animal (chicken, cat, dog)
	function setAnimalHitArea(type) {
		var w = self.sprite.width;
		var h = self.sprite.height;
		// Shrink hitbox for more fair collisions
		if (type === 'chicken') {
			// chicken: 60% width, 60% height
			self.hitArea = new Rectangle(-w * 0.3, -h * 0.3, w * 0.6, h * 0.6);
		} else if (type === 'cat' || type === 'dog') {
			// cat/dog: 62% width, 62% height
			self.hitArea = new Rectangle(-w * 0.31, -h * 0.31, w * 0.62, h * 0.62);
		} else {
			// fallback: 60% width, 60% height
			self.hitArea = new Rectangle(-w * 0.3, -h * 0.3, w * 0.6, h * 0.6);
		}
	}
	setAnimalHitArea(self.type);
	self.setType = function (type) {
		if (self.sprite) self.sprite.destroy();
		self.type = type;
		self.sprite = self.attachAsset(type, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		setAnimalHitArea(type);
	};
	// 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
	});
	// Headlights for night effect
	self.headlights = null;
	function addHeadlights() {
		// Remove old headlights if any
		if (self.headlights) {
			self.headlights.destroy();
			self.headlights = null;
		}
		// Only add headlights for cars and truck
		if (self.type === 'car1' || self.type === 'car2' || self.type === 'truck') {
			// Attach headlight asset, anchor at left for right-to-left, right for left-to-right
			self.headlights = self.attachAsset('car_headlight', {
				anchorX: self.dir === 1 ? 0 : 1,
				anchorY: 0.5
			});
			// Place headlights further inside the car for a more realistic look
			var headlightInset = self.sprite.width * 0.22; // Move headlights inside by 22% of car width
			var offset = (self.sprite.width / 2 - headlightInset) * (self.dir === 1 ? 1 : -1);
			self.headlights.x = offset;
			self.headlights.y = 0;
			// Scale headlights to match car width
			var scale = self.sprite.width / self.headlights.width;
			self.headlights.scaleX = scale * (self.dir === 1 ? 1 : -1);
			self.headlights.scaleY = self.sprite.height / self.headlights.height;
			// Start hidden, will be shown at night
			self.headlights.alpha = 0;
		}
	}
	// Set a more accurate hitbox for the vehicle
	function setVehicleHitArea(type) {
		// Use a rectangle much smaller than the sprite for more fair collisions
		var w = self.sprite.width;
		var h = self.sprite.height;
		// Shrink hitbox for each type (reduce even more for more forgiving collision)
		if (type === 'car1') {
			// car1: 44% width, 38% height
			self.hitArea = new Rectangle(-w * 0.22, -h * 0.19, w * 0.44, h * 0.38);
		} else if (type === 'car2') {
			// car2: 42% width, 36% height
			self.hitArea = new Rectangle(-w * 0.21, -h * 0.18, w * 0.42, h * 0.36);
		} else if (type === 'truck') {
			// truck: 48% width, 32% height
			self.hitArea = new Rectangle(-w * 0.24, -h * 0.16, w * 0.48, h * 0.32);
		} else {
			// fallback: 44% width, 38% height
			self.hitArea = new Rectangle(-w * 0.22, -h * 0.19, w * 0.44, h * 0.38);
		}
	}
	setVehicleHitArea(self.type);
	self.setType = function (type) {
		if (self.sprite) self.sprite.destroy();
		self.type = type;
		self.sprite = self.attachAsset(type, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		setVehicleHitArea(type);
		// 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);
			}
		}
		// Add or update headlights
		addHeadlights();
	};
	// 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;
		// Update headlights orientation, scale, and visibility for night
		if (self.headlights) {
			// Update position and scale in case car was resized or direction changed
			var headlightInset = self.sprite.width * 0.22; // Move headlights inside by 22% of car width
			var offset = (self.sprite.width / 2 - headlightInset) * (self.dir === 1 ? 1 : -1);
			self.headlights.x = offset;
			self.headlights.y = 0;
			var scale = self.sprite.width / self.headlights.width;
			self.headlights.scaleX = scale * (self.dir === 1 ? 1 : -1);
			self.headlights.scaleY = self.sprite.height / self.headlights.height;
			// Show headlights only at night (dayNight.t >= 0.5), with semi-transparency
			self.headlights.alpha = typeof dayNight !== "undefined" && dayNight.t >= 0.5 ? 0.45 : 0;
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Game constants ---
// Animal characters
// Lane types
// Vehicles
// Coin
// Sounds
// Music
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
		// (Removed small car images used as arrows)
	}
}
// --- 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;
			}
		}
		// Update headlights after direction and type are set
		if (typeof v.addHeadlights === "function") v.addHeadlights && v.addHeadlights();
		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);
}
// --- Sun and Moon sprites ---
var sunSprite = null;
var moonSprite = null;
var skySpriteLayer = new Container();
game.addChild(skySpriteLayer);
// --- 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);
	// Sun and Moon movement
	// Sun: visible during t in [0,0.5), Moon: visible during t in [0.5,1)
	// Both move in an arc from left to right
	var skyY = 350;
	var skyRadius = 800;
	var centerX = 2048 / 2;
	var centerY = skyY + 200;
	// Sun
	if (!sunSprite) {
		sunSprite = LK.getAsset('sun', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 0,
			y: 0
		});
		skySpriteLayer.addChild(sunSprite);
	}
	// Moon
	if (!moonSprite) {
		moonSprite = LK.getAsset('ay', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: 0,
			y: 0
		});
		skySpriteLayer.addChild(moonSprite);
	}
	// Sun position: t in [0,0.5) → left to right, high arc
	var sunT = t < 0.5 ? t / 0.5 : 0;
	var sunAngle = Math.PI * (1 - sunT); // from left (π) to right (0)
	sunSprite.x = centerX + skyRadius * Math.cos(sunAngle);
	sunSprite.y = centerY - skyRadius * Math.sin(sunAngle);
	sunSprite.alpha = t < 0.5 ? 1 : 0;
	// Moon position: t in [0.5,1) → left to right, high arc
	var moonT = t >= 0.5 ? (t - 0.5) / 0.5 : 0;
	var moonAngle = Math.PI * (1 - moonT); // from left (π) to right (0)
	moonSprite.x = centerX + skyRadius * Math.cos(moonAngle);
	moonSprite.y = centerY - skyRadius * Math.sin(moonAngle);
	moonSprite.alpha = t >= 0.5 ? 1 : 0;
}
// --- 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
@@ -117,21 +117,21 @@
 	function setVehicleHitArea(type) {
 		// Use a rectangle much smaller than the sprite for more fair collisions
 		var w = self.sprite.width;
 		var h = self.sprite.height;
-		// Shrink hitbox for each type (reduce more than before)
+		// Shrink hitbox for each type (reduce even more for more forgiving collision)
 		if (type === 'car1') {
-			// car1: 54% width, 48% height
-			self.hitArea = new Rectangle(-w * 0.27, -h * 0.24, w * 0.54, h * 0.48);
+			// car1: 44% width, 38% height
+			self.hitArea = new Rectangle(-w * 0.22, -h * 0.19, w * 0.44, h * 0.38);
 		} else if (type === 'car2') {
-			// car2: 52% width, 46% height
-			self.hitArea = new Rectangle(-w * 0.26, -h * 0.23, w * 0.52, h * 0.46);
+			// car2: 42% width, 36% height
+			self.hitArea = new Rectangle(-w * 0.21, -h * 0.18, w * 0.42, h * 0.36);
 		} else if (type === 'truck') {
-			// truck: 58% width, 42% height
-			self.hitArea = new Rectangle(-w * 0.29, -h * 0.21, w * 0.58, h * 0.42);
+			// truck: 48% width, 32% height
+			self.hitArea = new Rectangle(-w * 0.24, -h * 0.16, w * 0.48, h * 0.32);
 		} else {
-			// fallback: 54% width, 48% height
-			self.hitArea = new Rectangle(-w * 0.27, -h * 0.24, w * 0.54, h * 0.48);
+			// fallback: 44% width, 38% height
+			self.hitArea = new Rectangle(-w * 0.22, -h * 0.19, w * 0.44, h * 0.38);
 		}
 	}
 	setVehicleHitArea(self.type);
 	self.setType = function (type) {