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

/**** 
* Classes
****/ 
// City Building Left Class
var CityBuildingLeft = Container.expand(function () {
	var self = Container.call(this);
	var shape = self.attachAsset('cityBuildingLeft', {
		anchorX: 0.5,
		anchorY: 1.0,
		width: 600,
		height: 900,
		orientation: 1 // rotate 90 degrees clockwise
	});
	// Use a neutral grayish tint for less color, with very little variation
	shape.tint = 0x888899 + Math.floor(Math.random() * 0x000011);
	self.width = shape.width;
	self.height = shape.height;
	self.speed = 0;
	return self;
});
// City Building Right Class
var CityBuildingRight = Container.expand(function () {
	var self = Container.call(this);
	var shape = self.attachAsset('cityBuildingRight', {
		anchorX: 0.5,
		anchorY: 1.0,
		width: 600,
		height: 900,
		orientation: 1 // rotate 90 degrees clockwise
	});
	// Use a neutral grayish tint for less color, with very little variation
	shape.tint = 0x888899 + Math.floor(Math.random() * 0x000011);
	self.width = shape.width;
	self.height = shape.height;
	self.speed = 0;
	return self;
});
// Enemy Car Class
var EnemyCar = Container.expand(function () {
	var self = Container.call(this);
	var car = self.attachAsset('enemyCar', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = car.width;
	self.height = car.height;
	self.speed = 0; // Set on spawn
	self.lane = 0; // Set on spawn
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// Blue Enemy Car Class
var EnemyCarBlue = Container.expand(function () {
	var self = Container.call(this);
	var car = self.attachAsset('enemyCarBlue', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = car.width;
	self.height = car.height;
	self.speed = 0; // Set on spawn
	self.lane = 0; // Set on spawn
	self.update = function () {
		self.y += self.speed * 1.1; // Slightly faster than normal enemy
	};
	return self;
});
// Truck Enemy Car Class
var EnemyCarTruck = Container.expand(function () {
	var self = Container.call(this);
	var car = self.attachAsset('enemyCarTruck', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = car.width;
	self.height = car.height;
	self.speed = 0; // Set on spawn
	self.lane = 0; // Set on spawn
	self.update = function () {
		self.y += self.speed * 0.8; // Slightly slower, but bigger
	};
	return self;
});
// Lane Divider Class
var LaneDivider = Container.expand(function () {
	var self = Container.call(this);
	var divider = self.attachAsset('laneDivider', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = divider.width;
	self.height = divider.height;
	self.speed = 0; // Set on spawn
	self.lane = 0; // Set on spawn
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// Obstacle Class
var Obstacle = Container.expand(function () {
	var self = Container.call(this);
	var obs = self.attachAsset('obstacle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.width = obs.width;
	self.height = obs.height;
	self.speed = 0; // Set on spawn
	self.lane = 0; // Set on spawn
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// Player Car Class
var PlayerCar = Container.expand(function () {
	var self = Container.call(this);
	var car = self.attachAsset('playerCar', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// For collision box, use self
	self.width = car.width;
	self.height = car.height;
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x222222
});

/**** 
* Game Code
****/ 
// Road settings
// Game area: 2048x2732
// Car (player)
// Enemy car
// Obstacle (barrier)
// Road lane divider
// Example asset id, replace with actual
var roadWidth = 1200;
var roadLeft = (2048 - roadWidth) / 2;
var roadRight = roadLeft + roadWidth;
var laneCount = 4;
var laneWidth = roadWidth / laneCount;
var laneCenters = [];
for (var i = 0; i < laneCount; i++) {
	laneCenters.push(roadLeft + laneWidth * (i + 0.5));
}
// --- Cityscape background (left and right) ---
var cityBuildingsLeft = [];
var cityBuildingsRight = [];
function spawnCityBuildings() {
	// Remove old
	for (var i = 0; i < cityBuildingsLeft.length; i++) cityBuildingsLeft[i].destroy();
	for (var i = 0; i < cityBuildingsRight.length; i++) cityBuildingsRight[i].destroy();
	cityBuildingsLeft = [];
	cityBuildingsRight = [];
	// Building parameters
	var buildingWidth = 600;
	var buildingHeight = 900;
	var gap = 0;
	var yStart = -buildingHeight;
	var yEnd = 2732 + buildingHeight;
	// Left side
	for (var y = yStart; y < yEnd; y += buildingHeight + gap) {
		var b = new CityBuildingLeft();
		b.x = roadLeft / 2;
		b.y = y;
		b.speed = 0;
		cityBuildingsLeft.push(b);
		game.addChild(b);
	}
	// Right side
	for (var y = yStart + (buildingHeight + gap) / 4; y < yEnd; y += buildingHeight + gap) {
		var b = new CityBuildingRight();
		b.x = roadRight + (2048 - roadRight) / 2;
		b.y = y;
		b.speed = 0;
		cityBuildingsRight.push(b);
		game.addChild(b);
	}
}
spawnCityBuildings();
// Player
var playerCar = new PlayerCar();
playerCar.x = laneCenters[1];
playerCar.y = 2732 - 400;
playerCar.lane = 1;
game.addChild(playerCar);
// Lane Dividers
var laneDividers = [];
function spawnLaneDividers() {
	// Remove old
	for (var i = 0; i < laneDividers.length; i++) {
		laneDividers[i].destroy();
	}
	laneDividers = [];
	// For each lane (except leftmost), spawn vertical dashed lines
	for (var l = 1; l < laneCount; l++) {
		// Offset the lane divider pattern so that no divider is at the same Y as the player car at spawn
		// Player car spawns at y = 2732 - 400 = 2332
		// Lane divider height is 120, so offset by half the gap to avoid overlap
		var offsetY = 160; // 320/2, so the first divider is not at y=0
		for (var y = -120 + offsetY; y < 2732 + 120; y += 320) {
			var divider = new LaneDivider();
			divider.x = roadLeft + laneWidth * l;
			divider.y = y;
			divider.speed = 0; // Set in update
			laneDividers.push(divider);
			game.addChild(divider);
		}
	}
}
spawnLaneDividers();
// Enemies and obstacles
var enemyCars = [];
var obstacles = [];
// Score
var score = 0;
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Survival timer
var timeSurvived = 0;
var timeTxt = new Text2('0.0s', {
	size: 80,
	fill: "#fff"
});
timeTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(timeTxt);
timeTxt.y = 130;
// Difficulty
var baseSpeed = 18; // px per frame
var speed = baseSpeed;
var speedIncrease = 0.003; // per tick
var spawnInterval = 60; // frames between spawns
var minSpawnInterval = 24;
var lastSpawnTick = 0;
// Dragging
var dragNode = null;
var dragOffsetX = 0;
// Touch controls: drag left/right to move car
game.down = function (x, y, obj) {
	// Only allow drag if touch is on player car
	var local = playerCar.toLocal(game.toGlobal({
		x: x,
		y: y
	}));
	if (local.x > -playerCar.width / 2 && local.x < playerCar.width / 2 && local.y > -playerCar.height / 2 && local.y < playerCar.height / 2) {
		dragNode = playerCar;
		dragOffsetX = playerCar.x - x;
	}
};
game.up = function (x, y, obj) {
	dragNode = null;
};
game.move = function (x, y, obj) {
	if (dragNode) {
		// Only move horizontally, clamp to road
		var newX = x + dragOffsetX;
		if (newX < roadLeft + playerCar.width / 2) newX = roadLeft + playerCar.width / 2;
		if (newX > roadRight - playerCar.width / 2) newX = roadRight - playerCar.width / 2;
		playerCar.x = newX;
	}
};
// Helper: get lane index from x
function getLaneIndex(x) {
	var idx = Math.floor((x - roadLeft) / laneWidth);
	if (idx < 0) idx = 0;
	if (idx >= laneCount) idx = laneCount - 1;
	return idx;
}
// Helper: check collision
function checkCollision(a, b) {
	// Use .intersects
	return a.intersects(b);
}
// Main update loop
game.update = function () {
	// Increase speed over time
	speed += speedIncrease;
	if (speed > 40) speed = 40;
	// Scroll city buildings
	for (var i = cityBuildingsLeft.length - 1; i >= 0; i--) {
		var b = cityBuildingsLeft[i];
		b.y += speed * 0.7; // Move a bit slower than road for parallax
		if (b.y > 2732 + 500) {
			b.y -= 2732 + 1000;
		}
	}
	for (var i = cityBuildingsRight.length - 1; i >= 0; i--) {
		var b = cityBuildingsRight[i];
		b.y += speed * 0.7;
		if (b.y > 2732 + 500) {
			b.y -= 2732 + 1000;
		}
	}
	// Update lane dividers
	for (var i = laneDividers.length - 1; i >= 0; i--) {
		var divider = laneDividers[i];
		divider.speed = speed;
		divider.update();
		if (divider.y > 2732 + 120) {
			divider.y -= 2732 + 240;
		}
	}
	// Update enemies
	for (var i = enemyCars.length - 1; i >= 0; i--) {
		var enemy = enemyCars[i];
		enemy.speed = speed;
		enemy.update();
		// Remove if off screen
		if (enemy.y > 2732 + 200) {
			enemy.destroy();
			enemyCars.splice(i, 1);
			continue;
		}
		// Collision with player
		if (checkCollision(playerCar, enemy)) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
			return;
		}
		// Overtake: if enemy passes player and not yet counted
		if (!enemy.overtaken && enemy.y > playerCar.y + playerCar.height / 2) {
			enemy.overtaken = true;
			score += 5;
			scoreTxt.setText(score);
		}
	}
	// Update obstacles
	for (var i = obstacles.length - 1; i >= 0; i--) {
		var obs = obstacles[i];
		obs.speed = speed;
		obs.update();
		if (obs.y > 2732 + 100) {
			obs.destroy();
			obstacles.splice(i, 1);
			continue;
		}
		if (checkCollision(playerCar, obs)) {
			LK.effects.flashScreen(0xff0000, 1000);
			LK.showGameOver();
			return;
		}
	}
	// Spawn enemies/obstacles
	if (LK.ticks - lastSpawnTick > spawnInterval) {
		lastSpawnTick = LK.ticks;
		// Randomly decide: enemy car or obstacle
		var spawnType = Math.random() < 0.7 ? 'enemy' : 'obstacle';
		// Pick random lane(s)
		var availableLanes = [];
		for (var l = 0; l < laneCount; l++) availableLanes.push(l);
		// Avoid spawning in player's lane if possible
		var playerLane = getLaneIndex(playerCar.x);
		if (availableLanes.length > 1) {
			var idx = availableLanes.indexOf(playerLane);
			if (idx !== -1 && Math.random() < 0.7) {
				availableLanes.splice(idx, 1);
			}
		}
		// For obstacles, sometimes block 2 lanes
		if (spawnType === 'obstacle' && Math.random() < 0.3 && laneCount >= 3) {
			// Block two adjacent lanes
			var lane = availableLanes[Math.floor(Math.random() * (availableLanes.length - 1))];
			for (var d = 0; d < 2; d++) {
				var obs = new Obstacle();
				obs.x = laneCenters[lane + d];
				obs.y = -100;
				obs.speed = speed;
				obs.lane = lane + d;
				obstacles.push(obs);
				game.addChild(obs);
			}
		} else {
			// Single enemy or obstacle
			var lane = availableLanes[Math.floor(Math.random() * availableLanes.length)];
			if (spawnType === 'enemy') {
				// Randomly pick enemy type
				var enemyTypeRand = Math.random();
				var enemy;
				if (enemyTypeRand < 0.6) {
					enemy = new EnemyCar();
					enemy.x = laneCenters[lane];
					enemy.y = -180;
					enemy.speed = speed;
					enemy.lane = lane;
					enemy.overtaken = false;
				} else if (enemyTypeRand < 0.85) {
					enemy = new EnemyCarBlue();
					enemy.x = laneCenters[lane];
					enemy.y = -180;
					enemy.speed = speed;
					enemy.lane = lane;
					enemy.overtaken = false;
				} else {
					enemy = new EnemyCarTruck();
					enemy.x = laneCenters[lane];
					enemy.y = -220; // Truck is taller, spawn a bit higher
					enemy.speed = speed;
					enemy.lane = lane;
					enemy.overtaken = false;
				}
				enemyCars.push(enemy);
				game.addChild(enemy);
			} else {
				var obs = new Obstacle();
				obs.x = laneCenters[lane];
				obs.y = -100;
				obs.speed = speed;
				obs.lane = lane;
				obstacles.push(obs);
				game.addChild(obs);
			}
		}
		// Decrease spawn interval as speed increases
		spawnInterval = Math.max(minSpawnInterval, 60 - Math.floor((speed - baseSpeed) * 1.5));
	}
	// Score: +1 per 30 frames survived
	if (LK.ticks % 30 === 0) {
		score += 1;
		scoreTxt.setText(score);
	}
	// Survival time
	timeSurvived = LK.ticks / 60;
	timeTxt.setText(timeSurvived.toFixed(1) + "s");
};
// Center score and time text
scoreTxt.x = LK.gui.top.width / 2;
scoreTxt.y = 10;
timeTxt.x = LK.gui.top.width / 2;
timeTxt.y = 130;

===================================================================
--- original.js
+++ change.js
@@ -8,9 +8,9 @@
 ****/ 
 // City Building Left Class
 var CityBuildingLeft = Container.expand(function () {
 	var self = Container.call(this);
-	var shape = self.attachAsset('cityBuilding', {
+	var shape = self.attachAsset('cityBuildingLeft', {
 		anchorX: 0.5,
 		anchorY: 1.0,
 		width: 600,
 		height: 900,
@@ -25,9 +25,9 @@
 });
 // City Building Right Class
 var CityBuildingRight = Container.expand(function () {
 	var self = Container.call(this);
-	var shape = self.attachAsset('cityBuilding', {
+	var shape = self.attachAsset('cityBuildingRight', {
 		anchorX: 0.5,
 		anchorY: 1.0,
 		width: 600,
 		height: 900,