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

/**** 
* Classes
****/ 
// Car class
var Car = Container.expand(function () {
	var self = Container.call(this);
	// Attach car asset, anchor center
	var carSprite = self.attachAsset('car', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// For collision, store width/height
	self.carWidth = carSprite.width;
	self.carHeight = carSprite.height;
	// No update needed; car is moved by player
	return self;
});
// Crosswalk class (visual only)
var Crosswalk = Container.expand(function () {
	var self = Container.call(this);
	// Attach crosswalk asset, anchor center
	self.attachAsset('crosswalk', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});
// Pedestrian class
var Pedestrian = Container.expand(function () {
	var self = Container.call(this);
	// Attach pedestrian asset, anchor center
	var pedSprite = self.attachAsset('pedestrian', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// For collision, store width/height
	self.pedWidth = pedSprite.width;
	self.pedHeight = pedSprite.height;
	// Speed in px per frame (set on spawn)
	self.speed = 0;
	// Update: move right
	self.update = function () {
		// If assigned to a crosswalk, always follow its Y position
		if (typeof self.crosswalkIdx === "number" && crosswalks && crosswalks[self.crosswalkIdx]) {
			self.y = crosswalks[self.crosswalkIdx].y;
		}
		self.x += self.speed;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game area: 2048x2732, road/crosswalks 1300px centered
// Road setup
// Car asset: blue box, 200x300
// Pedestrian asset: yellow ellipse, 120x120
// Road asset: dark gray box, 900x2732
// Crosswalk asset: white box, 900x40
var GAME_WIDTH = 2048;
var GAME_HEIGHT = 2732;
var ROAD_WIDTH = 1300;
var ROAD_X = GAME_WIDTH / 2;
// Center road horizontally
var road = LK.getAsset('road', {
	anchorX: 0.5,
	anchorY: 0
});
road.x = ROAD_X;
road.y = 0;
game.addChild(road);
// Crosswalk Y positions (4 crosswalks, now with slightly less spacing for still large but reduced gaps)
var crosswalkSpacing = 2200; // Reduced from 3400 to 2200 for smaller gaps
var crosswalkStartY = 600;
var crosswalkCount = 4;
var crosswalkYs = [];
var crosswalks = [];
for (var i = 0; i < crosswalkCount; i++) {
	var y = crosswalkStartY + i * crosswalkSpacing;
	crosswalkYs.push(y);
	var cw = new Crosswalk();
	// Center crosswalk on road
	cw.x = ROAD_X;
	cw.y = y;
	game.addChild(cw);
	crosswalks.push(cw);
}
// Pedestrian management
var pedestrians = [];
// Car setup
var car = new Car();
car.x = ROAD_X;
// We'll keep car.y fixed at this value (bottom area)
var carFixedY = 2732 - 400;
car.y = carFixedY;
game.addChild(car);
// Car movement variables
var dragCar = false;
var dragOffsetX = 0;
// Car forward movement speed (pixels per frame)
var carForwardSpeed = 13; // Faster road/crosswalk scroll for more action
// Road boundaries (car can't leave road)
var roadLeft = ROAD_X - ROAD_WIDTH / 2 + car.carWidth / 2;
var roadRight = ROAD_X + ROAD_WIDTH / 2 - car.carWidth / 2;
// Pedestrian management
var pedestrians = [];
// Pedestrian spawn timer
var pedSpawnInterval = 90; // frames (~1.5 sec, slower spawn for less crowding)
var pedSpawnTick = 0;
// Track which crosswalks have a pedestrian currently
var crosswalkHasPedestrian = [];
for (var i = 0; i < crosswalkCount; i++) crosswalkHasPedestrian[i] = false;
// --- Add start button logic ---
var worldActive = false;
var carDistanceDriven = 0;
var worldReallyActive = false;
// (Background for the start button removed as requested)
// Create start button
var startBtn = new Text2("BAŞLAT", {
	size: 180,
	fill: 0xffffff,
	font: "'GillSans-Bold',Impact,'Arial Black',Tahoma"
});
startBtn.anchor.set(0.5, 0.5);
startBtn.x = GAME_WIDTH / 2;
startBtn.y = GAME_HEIGHT / 2;
startBtn.interactive = true;
startBtn.buttonMode = true;
game.addChild(startBtn);
// Remove both startBtn and its background on start
startBtn.down = function (x, y, obj) {
	if (startBtn.parent) startBtn.parent.removeChild(startBtn);
	if (startBtnBg.parent) startBtnBg.parent.removeChild(startBtnBg);
	// Show score
	scoreTxt.visible = true;
	// Start world after 3s delay
	LK.setTimeout(function () {
		worldActive = true;
		carDistanceDriven = 0;
		worldReallyActive = false;
	}, 3000);
};
// Score
var scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Hide gameplay UI until started
scoreTxt.visible = false;
LK.setScore(0);
// Start button handler
startBtn.down = function (x, y, obj) {
	// Remove button
	if (startBtn.parent) startBtn.parent.removeChild(startBtn);
	// Show score
	scoreTxt.visible = true;
	// Start world after 3s delay
	LK.setTimeout(function () {
		worldActive = true;
		carDistanceDriven = 0;
		worldReallyActive = false;
	}, 3000);
};
// Score
LK.setScore(0);
// Score timer: add 10 points every second
var scoreTimer = LK.setInterval(function () {
	LK.setScore(LK.getScore() + 10);
	scoreTxt.setText(LK.getScore());
}, 1000);
// Touch/mouse controls: press-and-hold left/right to move car continuously
var carMoveDirection = 0; // -1 for left, 1 for right, 0 for none
game.down = function (x, y, obj) {
	// Set direction based on which half of the screen is pressed
	if (x < GAME_WIDTH / 2) {
		carMoveDirection = -1;
	} else {
		carMoveDirection = 1;
	}
};
game.move = function (x, y, obj) {
	// If finger moves to other side, update direction
	if (carMoveDirection !== 0) {
		if (x < GAME_WIDTH / 2) {
			carMoveDirection = -1;
		} else {
			carMoveDirection = 1;
		}
	}
};
game.up = function (x, y, obj) {
	// Stop moving when released
	carMoveDirection = 0;
};
// Main update loop
game.update = function () {
	// Update score text every frame to reflect current score
	scoreTxt.setText(LK.getScore());
	// Car stays at fixed Y (carFixedY), world scrolls instead
	car.y = carFixedY;
	// Move car left/right if holding
	var carMoveSpeed = 22; // px per frame, adjust for feel
	if (typeof carMoveDirection !== "undefined" && carMoveDirection !== 0) {
		var newX = car.x + carMoveDirection * carMoveSpeed;
		if (newX < roadLeft) newX = roadLeft;
		if (newX > roadRight) newX = roadRight;
		car.x = newX;
	}
	// Only scroll world and spawn pedestrians if worldActive (after 3s delay)
	// --- NEW: Only activate world after car has moved a certain distance ---
	if (worldActive) {
		// Track how much the car has "driven" before world starts
		if (typeof carDistanceDriven === "undefined") {
			carDistanceDriven = 0;
			worldReallyActive = false;
		}
		// Only count distance if car is moving forward (not just left/right)
		// We'll count every frame after worldActive, since car is always moving forward
		if (!worldReallyActive) {
			carDistanceDriven += carForwardSpeed;
			// Don't move road/crosswalks until car has driven enough
			if (carDistanceDriven < 400) {
				// Don't move road or crosswalks at all until car has driven 400px
				return;
			} else {
				worldReallyActive = true;
			}
		}
		// === Road and crosswalks scroll logic ===
		// The car stays at a fixed Y on screen, but the world scrolls down
		// We'll keep car.y fixed, and move road/crosswalks/pedestrians down by carForwardSpeed each frame
		// Amount to scroll everything (except car) down
		var scrollAmount = carForwardSpeed;
		// Move road, crosswalks, and pedestrians together with the car
		road.y += scrollAmount;
		for (var i = 0; i < crosswalks.length; i++) {
			crosswalks[i].y += scrollAmount;
		}
		for (var i = 0; i < pedestrians.length; i++) {
			pedestrians[i].y += scrollAmount;
		}
		// When a crosswalk goes off the bottom, move it to the top (endless effect)
		for (var i = 0; i < crosswalks.length; i++) {
			if (crosswalks[i].y > 2732 + 40) {
				crosswalks[i].y -= crosswalkCount * crosswalkSpacing;
			}
		}
		// When road goes off the bottom, move it up (since it's as tall as screen, this is rare, but keeps it endless)
		if (road.y > 0) {
			road.y = -road.height + 2732;
		}
		// Spawn pedestrians
		pedSpawnTick++;
		if (pedSpawnTick >= pedSpawnInterval) {
			pedSpawnTick = 0;
			// Find crosswalks without a pedestrian
			var availableCrosswalks = [];
			for (var i = 0; i < crosswalks.length; i++) {
				if (!crosswalkHasPedestrian[i]) availableCrosswalks.push(i);
			}
			if (availableCrosswalks.length > 0) {
				// Pick a random available crosswalk
				var idx = availableCrosswalks[Math.floor(Math.random() * availableCrosswalks.length)];
				// Spawn pedestrian at the Y position of the chosen crosswalk, but just off the left edge
				var ped = new Pedestrian();
				ped.crosswalkIdx = idx;
				if (crosswalks && crosswalks[idx]) {
					ped.y = crosswalks[idx].y;
				} else {
					ped.y = 0 - ped.pedHeight / 2; // fallback
				}
				ped.x = ROAD_X - ROAD_WIDTH / 2 + ped.pedWidth / 2;
				// Random speed: 2-3 px/frame (slower for easier dodging)
				ped.speed = 2 + Math.floor(Math.random() * 2);
				pedestrians.push(ped);
				game.addChild(ped);
				// Mark this crosswalk as having a pedestrian
				crosswalkHasPedestrian[idx] = true;
			}
		}
	}
	// Update pedestrians
	for (var i = pedestrians.length - 1; i >= 0; i--) {
		var ped = pedestrians[i];
		ped.update();
		// Remove if off right edge or off bottom of screen
		if (ped.x > road.x + road.width / 2 + ped.pedWidth / 2 || ped.y > 2732 + ped.pedHeight / 2) {
			// Free up crosswalk slot
			if (typeof ped.crosswalkIdx === "number") {
				crosswalkHasPedestrian[ped.crosswalkIdx] = false;
			}
			ped.destroy();
			pedestrians.splice(i, 1);
			continue;
		}
		// Collision with car?
		if (ped.intersects(car)) {
			// Flash screen red
			LK.effects.flashScreen(0xff0000, 1000);
			// Game over
			LK.showGameOver();
			return;
		}
	}
};
// Center score text at top, avoid top left 100x100
scoreTxt.x = 1024;
scoreTxt.y = 20;
// Clean up on game over (handled by LK, but clear timer)
game.onDestroy = function () {
	LK.clearInterval(scoreTimer);
};

===================================================================
--- original.js
+++ change.js
@@ -126,22 +126,9 @@
 // --- Add start button logic ---
 var worldActive = false;
 var carDistanceDriven = 0;
 var worldReallyActive = false;
-// Create a background for the start button
-var startBtnBgWidth = 700;
-var startBtnBgHeight = 300;
-var startBtnBg = LK.getAsset('house', {
-	width: startBtnBgWidth,
-	height: startBtnBgHeight,
-	color: 0x000000,
-	anchorX: 0.5,
-	anchorY: 0.5
-});
-startBtnBg.alpha = 0.55;
-startBtnBg.x = GAME_WIDTH / 2;
-startBtnBg.y = GAME_HEIGHT / 2;
-game.addChild(startBtnBg);
+// (Background for the start button removed as requested)
 // Create start button
 var startBtn = new Text2("BAŞLAT", {
 	size: 180,
 	fill: 0xffffff,