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

/**** 
* Classes
****/ 
// Car class: player car, can move left/right between 4 lanes
var Car = Container.expand(function () {
	var self = Container.call(this);
	var carSprite = self.attachAsset('car', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 2,
		scaleY: 2
	});
	self.lane = 1; // 0,1,2,3 (4 lanes)
	self.width = carSprite.width;
	self.height = carSprite.height;
	self.updatePosition = function () {
		// Lanes are centered in the road
		var laneWidth = 1200 / 4;
		self.x = 2048 / 2 - 600 + laneWidth / 2 + self.lane * laneWidth;
		self.y = 2300;
		// Flip car horizontally if on right side
		var centerX = 2048 / 2;
		if (self.x > centerX) {
			carSprite.scaleX = -2; // flip horizontally (2x scale, negative for flip)
		} else {
			carSprite.scaleX = 2; // normal (2x scale, positive)
		}
		carSprite.rotation = 0;
	};
	self.updatePosition();
	return self;
});
// Obstacle class: obstacles that move down the road
var Obstacle = Container.expand(function () {
	var self = Container.call(this);
	var obsSprite = self.attachAsset('offtrack', {
		anchorX: 0.5,
		anchorY: 0.5,
		scaleX: 0.75,
		scaleY: 0.75
	});
	self.lane = 0;
	self.width = obsSprite.width;
	self.height = obsSprite.height;
	self.speed = 18;
	self.updatePosition = function () {
		var laneWidth = 1200 / 4;
		self.x = 2048 / 2 - 600 + laneWidth / 2 + self.lane * laneWidth;
	};
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// Road class: draws the main road, border lines, and dotted lines
var Road = Container.expand(function () {
	var self = Container.call(this);
	// Red outer lines (left and right)
	var outerLineWidth = 30;
	var outerLineHeight = 2732;
	// Left outer red line
	self.attachAsset('smoke', {
		anchorX: 0.5,
		anchorY: 0,
		x: 2048 / 2 - 600 - borderLineWidth - borderLineGap - outerLineWidth / 2,
		y: 0,
		width: outerLineWidth,
		height: outerLineHeight,
		color: 0xff0000
	});
	// Right outer red line
	self.attachAsset('smoke', {
		anchorX: 0.5,
		anchorY: 0,
		x: 2048 / 2 + 600 + borderLineWidth + borderLineGap + outerLineWidth / 2,
		y: 0,
		width: outerLineWidth,
		height: outerLineHeight,
		color: 0xff0000
	});
	// Red and white border lines (left and right)
	var borderLineWidth = 40;
	var borderLineHeight = 2732;
	var borderLineGap = 40;
	var borderStripeHeight = 80;
	var borderStripeGap = 40;
	var numStripes = Math.ceil(borderLineHeight / (borderStripeHeight + borderStripeGap));
	// Left border (alternating red/white stripes)
	for (var i = 0; i < numStripes; i++) {
		var color = i % 2 === 0 ? 0xff0000 : 0xffffff;
		self.attachAsset('smoke', {
			anchorX: 0.5,
			anchorY: 0,
			x: 2048 / 2 - 600 - borderLineWidth / 2 - borderLineGap,
			y: i * (borderStripeHeight + borderStripeGap),
			width: borderLineWidth,
			height: borderStripeHeight,
			color: color
		});
	}
	// Right border (alternating red/white stripes)
	for (var i = 0; i < numStripes; i++) {
		var color = i % 2 === 0 ? 0xff0000 : 0xffffff;
		self.attachAsset('smoke', {
			anchorX: 0.5,
			anchorY: 0,
			x: 2048 / 2 + 600 + borderLineWidth / 2 + borderLineGap,
			y: i * (borderStripeHeight + borderStripeGap),
			width: borderLineWidth,
			height: borderStripeHeight,
			color: color
		});
	}
	// Main road
	var roadSprite = self.attachAsset('road', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2,
		width: 1200,
		height: 2732
	});
	// Dotted lane lines (3 vertical, splitting into 4 lanes)
	var dotHeight = 120;
	var dotGap = 120;
	for (var i = 1; i < 4; i++) {
		var lineX = 2048 / 2 - 600 + i * 1200 / 4;
		for (var y = 0; y < 2732; y += dotHeight + dotGap) {
			self.attachAsset('smoke', {
				anchorX: 0.5,
				anchorY: 0,
				x: lineX,
				y: y,
				width: 20,
				height: dotHeight,
				color: 0xffffff,
				alpha: 0.7
			});
		}
	}
	// Outer solid white lines (left and right edge of road)
	self.attachAsset('smoke', {
		anchorX: 0.5,
		anchorY: 0,
		x: 2048 / 2 - 600,
		y: 0,
		width: 20,
		height: 2732,
		color: 0xffffff,
		alpha: 0.9
	});
	self.attachAsset('smoke', {
		anchorX: 0.5,
		anchorY: 0,
		x: 2048 / 2 + 600,
		y: 0,
		width: 20,
		height: 2732,
		color: 0xffffff,
		alpha: 0.9
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Game constants
var NUM_LANES = 4;
var ROAD_WIDTH = 1200;
var LANE_WIDTH = ROAD_WIDTH / NUM_LANES;
var OBSTACLE_SPEED = 18;
var OBSTACLE_INTERVAL = 60; // frames
var car, road;
var obstacles = [];
var score = 0;
var gameOver = false;
// Score text
var scoreTxt = new Text2('0', {
	size: 120,
	fill: "#fff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Helper: update score text
function updateScoreText() {
	scoreTxt.setText(score);
}
// Helper: reset game
function initGame() {
	// Remove old objects
	if (car) car.destroy();
	if (road) road.destroy();
	for (var i = 0; i < obstacles.length; i++) {
		obstacles[i].destroy();
	}
	obstacles = [];
	score = 0;
	gameOver = false;
	updateScoreText();
	// Add road
	road = new Road();
	game.addChild(road);
	// Add car
	car = new Car();
	car.lane = 1;
	car.updatePosition();
	game.addChild(car);
}
// Helper: spawn an obstacle in a random lane
function spawnObstacle() {
	var obs = new Obstacle();
	obs.lane = Math.floor(Math.random() * NUM_LANES);
	obs.y = -100;
	obs.updatePosition();
	game.addChild(obs);
	obstacles.push(obs);
}
// Touch controls: left/right
game.down = function (x, y, obj) {
	if (gameOver) return;
	// If left half of screen, move car left
	if (x < 2048 / 2) {
		if (car.lane > 0) {
			car.lane--;
			// Animate car movement to new lane
			var laneWidth = 1200 / 4;
			var targetX = 2048 / 2 - 600 + laneWidth / 2 + car.lane * laneWidth;
			tween.stop(car, {
				x: true
			});
			tween(car, {
				x: targetX
			}, {
				duration: 220,
				easing: tween.cubicOut
			});
			car.y = 2300; // keep y fixed
		}
	} else {
		// Right half, move car right
		if (car.lane < NUM_LANES - 1) {
			car.lane++;
			// Animate car movement to new lane
			var laneWidth = 1200 / 4;
			var targetX = 2048 / 2 - 600 + laneWidth / 2 + car.lane * laneWidth;
			tween.stop(car, {
				x: true
			});
			tween(car, {
				x: targetX
			}, {
				duration: 220,
				easing: tween.cubicOut
			});
			car.y = 2300; // keep y fixed
		}
	}
};
// No up event needed
game.up = function (x, y, obj) {};
// Main game update loop
var obstacleTimer = 0;
game.update = function () {
	if (gameOver) return;
	// Move obstacles
	for (var i = obstacles.length - 1; i >= 0; i--) {
		var obs = obstacles[i];
		obs.update();
		// Remove if off screen
		if (obs.y > 2732 + 100) {
			obs.destroy();
			obstacles.splice(i, 1);
			score++;
			updateScoreText();
		}
		// Collision with car
		if (obs.lane === car.lane && Math.abs(obs.y - car.y) < (obs.height + car.height) / 2 - 10) {
			LK.effects.flashScreen(0xff0000, 600);
			LK.showGameOver();
			gameOver = true;
			return;
		}
	}
	// Spawn new obstacles
	obstacleTimer++;
	if (obstacleTimer >= OBSTACLE_INTERVAL) {
		spawnObstacle();
		obstacleTimer = 0;
	}
};
/**** 
* Start game
****/ 
initGame();

===================================================================
--- original.js
+++ change.js
@@ -22,20 +22,16 @@
 		// Lanes are centered in the road
 		var laneWidth = 1200 / 4;
 		self.x = 2048 / 2 - 600 + laneWidth / 2 + self.lane * laneWidth;
 		self.y = 2300;
-		// Set car to look right if on left half, left if on right half
+		// Flip car horizontally if on right side
 		var centerX = 2048 / 2;
-		if (self.x < centerX) {
-			carSprite.rotation = 0;
-			carSprite.scaleX = 1; // look right
-		} else if (self.x > centerX) {
-			carSprite.rotation = 0;
-			carSprite.scaleX = -1; // look left
+		if (self.x > centerX) {
+			carSprite.scaleX = -2; // flip horizontally (2x scale, negative for flip)
 		} else {
-			carSprite.rotation = 0;
-			carSprite.scaleX = 1; // look right by default
+			carSprite.scaleX = 2; // normal (2x scale, positive)
 		}
+		carSprite.rotation = 0;
 	};
 	self.updatePosition();
 	return self;
 });