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

/**** 
* Classes
****/ 
// Light (note) class
var Light = Container.expand(function () {
	var self = Container.call(this);
	// Properties to be set on creation:
	// self.direction: 'up' | 'down' | 'left' | 'right'
	// self.color: 'red' | 'blue' | 'green' | 'yellow'
	// self.speed: px per tick
	// self.targetX, self.targetY: where to move toward
	// Attach music note image as the light symbol
	var light = self.attachAsset('lightClef', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// For hit detection
	self.radius = light.width * 0.5;
	// For animation
	self.active = true; // If false, ignore update
	// Called every tick
	self.update = function () {
		if (!self.active) return;
		// Move towards center of white circle (never stop at target, just keep moving in that direction)
		var dx = centerX - self.x;
		var dy = centerY - self.y;
		var dist = Math.sqrt(dx * dx + dy * dy);
		if (dist === 0) dist = 0.0001; // avoid division by zero
		self.x += self.speed * dx / dist;
		self.y += self.speed * dy / dist;
		// Lights never stop moving, so do not clamp or halt at target
		// --- Add glowing effect: pulse scale and alpha ---
		var pulse = 0.15 * Math.sin(LK.ticks * 0.25 + self.x + self.y) + 1.0;
		self.scaleX = pulse;
		self.scaleY = pulse;
		self.alpha = 0.85 + 0.15 * Math.sin(LK.ticks * 0.5 + self.x);
		// --- Add rotation effect ---
		// Slowed down rotation for a smoother effect
		self.rotation += 0.045; // rotate slower for a more pleasant effect
	};
	// Animate and destroy on hit/miss
	self.hit = function (_onFinish) {
		self.active = false;
		// Flash the light with a white overlay before animating out
		LK.effects.flashObject(self, 0xffffff, 120);
		tween(self, {
			scaleX: 1.5,
			scaleY: 1.5,
			alpha: 0
		}, {
			duration: 200,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				self.destroy();
				if (_onFinish) _onFinish();
			}
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Layout constants ---
// Four quarter arcs (quarter circles) for directions: up, down, left, right
// Four colored "light" shapes for incoming notes
// Sound effects for each direction
// Music (background, optional, not played in MVP)
// LK.init.music('bgmusic', {volume: 0.5});
// Quarter-circle arcs (using ellipse, but will be visually quartered by anchor/position)
// Sound assets for each direction
// Tok davul sesi (up)
// Soft davul sesi (down)
// Güçlü zil sesi (left)
// Zayıf zil sesi (right)
var centerX = 2048 / 2;
var centerY = 2732 / 2;
var centerRadius = 200; // centerCircle radius
// Arc positions (relative to center)
// We want the inner edge of each arc to touch the center circle (radius = 200)
// Each arc is 300x300, so the distance from center to arc center = centerRadius + arcW/2 = 200 + 150 = 350
var arcDistance = 200 + 150; // 350
var arcOffset = arcDistance; // alias for compatibility with spawn/target logic
var arcW = 300,
	arcH = 300; // all arcs are quarter circles, so 300x300
// --- Create main elements ---
// Center circle
var centerCircle = LK.getAsset('centerCircle', {
	anchorX: 0.5,
	anchorY: 0.5
});
centerCircle.x = centerX;
centerCircle.y = centerY;
game.addChild(centerCircle);
// Quarter arcs - D-pad style, all arcs directly adjacent to center circle
// Up arc: above center, touching at bottom
var arcUp = LK.getAsset('arcUp', {
	anchorX: 0.5,
	// center horizontally
	anchorY: 1.0 // bottom
});
arcUp.x = centerX;
arcUp.y = centerY - centerRadius;
game.addChild(arcUp);
// Down arc: below center, touching at top
var arcDown = LK.getAsset('arcDown', {
	anchorX: 0.5,
	// center horizontally
	anchorY: 0.0 // top
});
arcDown.x = centerX;
arcDown.y = centerY + centerRadius;
game.addChild(arcDown);
// Left arc: left of center, touching at right
var arcLeft = LK.getAsset('arcLeft', {
	anchorX: 1.0,
	// right
	anchorY: 0.5 // center vertically
});
arcLeft.x = centerX - centerRadius;
arcLeft.y = centerY;
game.addChild(arcLeft);
// Right arc: right of center, touching at left
var arcRight = LK.getAsset('arcRight', {
	anchorX: 0.0,
	// left
	anchorY: 0.5 // center vertically
});
arcRight.x = centerX + centerRadius;
arcRight.y = centerY;
game.addChild(arcRight);
// --- Arc hitboxes for input detection ---
var arcHitboxes = [{
	dir: 'up',
	x: centerX,
	y: centerY - centerRadius - arcH / 2,
	w: arcW,
	h: arcH,
	color: 'red',
	asset: arcUp
}, {
	dir: 'down',
	x: centerX,
	y: centerY + centerRadius + arcH / 2,
	w: arcW,
	h: arcH,
	color: 'blue',
	asset: arcDown
}, {
	dir: 'left',
	x: centerX - centerRadius - arcW / 2,
	y: centerY,
	w: arcW,
	h: arcH,
	color: 'green',
	asset: arcLeft
}, {
	dir: 'right',
	x: centerX + centerRadius + arcW / 2,
	y: centerY,
	w: arcW,
	h: arcH,
	color: 'yellow',
	asset: arcRight
}];
// --- Score, lives and wave display ---
var score = 0;
var lives = 10;
var scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Lives display (top right, away from menu)
var livesTxt = new Text2('♥ 10', {
	size: 100,
	fill: 0xff4b4b
});
livesTxt.anchor.set(1, 0); // right aligned, top
LK.gui.topRight.addChild(livesTxt);
// --- Light management ---
var lights = [];
// No lightActive flag needed; allow multiple lights at once
// --- Color mapping for directions ---
var dirColor = {
	'up': 'red',
	'down': 'blue',
	'left': 'green',
	'right': 'yellow'
};
var dirSound = {
	'up': 'drumRed',
	'down': 'drumBlue',
	'left': 'drumGreen',
	'right': 'drumYellow'
};
var dirBg = {
	'up': 0xff4b4b,
	'down': 0x4bafff,
	'left': 0x4bff4b,
	'right': 0xffe14b
};
// --- Light spawn positions (offscreen, towards arcs) ---
function getLightSpawn(dir) {
	var dist = 700; // distance from center
	if (dir === 'up') return {
		x: centerX,
		y: centerY - arcOffset - dist
	};
	if (dir === 'down') return {
		x: centerX,
		y: centerY + arcOffset + dist
	};
	if (dir === 'left') return {
		x: centerX - arcOffset - dist,
		y: centerY
	};
	if (dir === 'right') return {
		x: centerX + arcOffset + dist,
		y: centerY
	};
	return {
		x: centerX,
		y: centerY
	};
}
function getLightTarget(dir) {
	if (dir === 'up') return {
		x: centerX,
		y: centerY - arcOffset
	};
	if (dir === 'down') return {
		x: centerX,
		y: centerY + arcOffset
	};
	if (dir === 'left') return {
		x: centerX - arcOffset,
		y: centerY
	};
	if (dir === 'right') return {
		x: centerX + arcOffset,
		y: centerY
	};
	return {
		x: centerX,
		y: centerY
	};
}
// --- Light speed (slower for first 5, then faster, then fastest) ---
function getLightSpeed() {
	if (score < 5) return 1.2 * 1.7; // slightly faster even at start
	if (score < 20) return 1.2 * 3.5; // much faster
	return 1.2 * 5.2; // extremely fast after 20
}
// --- Spawn a light (note) ---
function spawnLight(dir) {
	var color = dirColor[dir];
	var spawn = getLightSpawn(dir);
	var target = getLightTarget(dir);
	var light = new Light();
	light.direction = dir;
	light.color = color;
	light.x = spawn.x;
	light.y = spawn.y;
	light.targetX = target.x;
	light.targetY = target.y;
	light.speed = getLightSpeed();
	lights.push(light);
	game.addChild(light);
	// No lightActive flag or logic needed
}
// --- Continuous light spawning logic ---
// Timers for continuous spawning
var lightSpawnTimer = null;
var showInfoTimer = null;
var dirs = ['up', 'down', 'left', 'right'];
function clearLightTimers() {
	if (lightSpawnTimer !== null) {
		LK.clearTimeout(lightSpawnTimer);
		lightSpawnTimer = null;
	}
	if (showInfoTimer !== null) {
		LK.clearTimeout(showInfoTimer);
		showInfoTimer = null;
	}
}
// Main continuous light spawning function
function startLightSpawning() {
	clearLightTimers();
	// Always spawn at random intervals, but ensure at least 2 seconds between spawns
	var baseInterval, randomRange, minInterval;
	if (score < 20) {
		baseInterval = 320;
		randomRange = 260;
		minInterval = 2000;
	} else {
		// After score 20, make spawn intervals more irregular and sometimes much faster
		baseInterval = 80 + Math.floor(Math.random() * 120); // base between 80-200ms
		randomRange = 400 + Math.floor(Math.random() * 200); // random up to 600ms
		minInterval = 1200 + Math.floor(Math.random() * 600); // min interval 1200-1800ms
	}
	// Spawn a light
	var dir = dirs[Math.floor(Math.random() * 4)];
	spawnLight(dir);
	// Schedule next light
	var nextInterval = baseInterval;
	if (randomRange > 0) {
		nextInterval += Math.floor(Math.random() * randomRange);
	}
	// Enforce minimum interval of 1 second (1000ms)
	if (nextInterval < minInterval) {
		nextInterval = minInterval;
	}
	lightSpawnTimer = LK.setTimeout(function () {
		startLightSpawning();
	}, nextInterval);
}
// Call this to (re)start spawning after all lights cleared
function startWave() {
	startLightSpawning();
}
// --- Handle tap input ---
function getDirectionFromPoint(x, y) {
	// Returns 'up', 'down', 'left', 'right' or null
	for (var i = 0; i < arcHitboxes.length; ++i) {
		var arc = arcHitboxes[i];
		// Use bounding box for MVP
		var dx = x - arc.x;
		var dy = y - arc.y;
		if (arc.dir === 'up' || arc.dir === 'down') {
			if (Math.abs(dx) < arc.w / 2 && Math.abs(dy) < arc.h / 2) return arc.dir;
		} else {
			if (Math.abs(dx) < arc.w / 2 && Math.abs(dy) < arc.h / 2) return arc.dir;
		}
	}
	return null;
}
// --- Handle tap (down) ---
game.down = function (x, y, obj) {
	// Use the provided x, y directly as they are already in game coordinates
	var dir = getDirectionFromPoint(x, y);
	if (!dir) return;
	// Find the closest active light matching direction and close enough
	for (var i = 0; i < lights.length; ++i) {
		var light = lights[i];
		if (!light.active) continue;
		// If direction matches and light is close enough to arc
		var target = getLightTarget(dir);
		var dx = light.x - target.x;
		var dy = light.y - target.y;
		var dist = Math.sqrt(dx * dx + dy * dy);
		// Only allow tap if light has entered arc zone and has NOT reached centerCircle
		var dxCenter = light.x - centerX;
		var dyCenter = light.y - centerY;
		var distCenter = Math.sqrt(dxCenter * dxCenter + dyCenter * dyCenter);
		if (light.direction === dir && light.enteredArc === true && distCenter > centerRadius) {
			// Correct!
			light.hit(function () {
				// Remove from array
				for (var j = 0; j < lights.length; ++j) {
					if (lights[j] === light) {
						lights.splice(j, 1);
						break;
					}
				}
				score += 1;
				scoreTxt.setText(score);
				// Play sound
				LK.getSound(dirSound[dir]).play();
				// Flash background
				tween.stop(game, {
					backgroundColor: true
				});
				var oldBg = game.backgroundColor;
				// If blue arc (down) light is tapped, set background to blue and keep it
				if (dir === 'down') {
					game.setBackgroundColor(0x4bafff);
				} else if (dir === 'left') {
					// If green arc (left) light is tapped, set background to green and keep it
					game.setBackgroundColor(0x4bff4b);
				} else if (dir === 'right') {
					// If yellow arc (right) light is tapped, set background to yellow and keep it
					game.setBackgroundColor(0xffe14b);
				} else if (dir === 'up') {
					// If red arc (up) light is tapped, set background to red and keep it
					game.setBackgroundColor(0xff4b4b);
				} else {
					tween(game, {
						backgroundColor: dirBg[dir]
					}, {
						duration: 120,
						onFinish: function onFinish() {
							tween(game, {
								backgroundColor: oldBg
							}, {
								duration: 400
							});
						}
					});
				}
				// No need to spawn next light here; continuous spawn is always active
			});
			return;
		}
	}
	// If tap is on arc but no light is close: miss
	// Flash red and lose a life
	lives -= 1;
	livesTxt.setText('♥ ' + lives);
	LK.effects.flashScreen(0xff0000, 500);
	if (lives <= 0) {
		LK.showGameOver();
	}
};
// --- Update loop: check for missed lights ---
game.update = function () {
	for (var i = lights.length - 1; i >= 0; --i) {
		var light = lights[i];
		if (!light.active) continue;
		// Calculate distance to arc (where tap is allowed to start)
		var arcTarget = getLightTarget(light.direction);
		var dxArc = light.x - arcTarget.x;
		var dyArc = light.y - arcTarget.y;
		var distArc = Math.sqrt(dxArc * dxArc + dyArc * dyArc);
		// Calculate distance to centerCircle (where tap is no longer allowed, and game over if reached)
		var dxCenter = light.x - centerX;
		var dyCenter = light.y - centerY;
		var distCenter = Math.sqrt(dxCenter * dxCenter + dyCenter * dyCenter);
		// Track if light has entered the arc zone (first contact)
		if (light.enteredArc === undefined) {
			// If light is outside arc zone, not yet entered
			light.enteredArc = false;
		}
		// If not yet entered arc, check if it just entered
		if (!light.enteredArc && light.lastDistArc !== undefined && light.lastDistArc >= 120 && distArc < 120) {
			light.enteredArc = true;
		}
		light.lastDistArc = distArc;
		// If light has entered arc, but now reached centerCircle: game over immediately
		if (light.enteredArc && distCenter < centerRadius) {
			light.hit(function () {
				for (var j = 0; j < lights.length; ++j) {
					if (lights[j] === light) {
						lights.splice(j, 1);
						break;
					}
				}
				// Flash red and trigger game over immediately
				LK.effects.flashScreen(0xff0000, 500);
				LK.showGameOver();
			});
			continue;
		}
	}
	// No batch logic needed; continuous spawn is always active
};
// --- Start game ---
score = 0;
lives = 10;
scoreTxt.setText(score);
livesTxt.setText('♥ ' + lives);
LK.setTimeout(function () {
	startWave();
}, 600);
;

===================================================================
--- original.js
+++ change.js
@@ -13,12 +13,10 @@
 	// self.direction: 'up' | 'down' | 'left' | 'right'
 	// self.color: 'red' | 'blue' | 'green' | 'yellow'
 	// self.speed: px per tick
 	// self.targetX, self.targetY: where to move toward
-	// Attach correct asset
-	var assetId = '';
-	if (self.color === 'red') assetId = 'lightRed';else if (self.color === 'blue') assetId = 'lightBlue';else if (self.color === 'green') assetId = 'lightGreen';else if (self.color === 'yellow') assetId = 'lightYellow';
-	var light = self.attachAsset(assetId, {
+	// Attach music note image as the light symbol
+	var light = self.attachAsset('lightClef', {
 		anchorX: 0.5,
 		anchorY: 0.5
 	});
 	// For hit detection
@@ -41,9 +39,10 @@
 		self.scaleX = pulse;
 		self.scaleY = pulse;
 		self.alpha = 0.85 + 0.15 * Math.sin(LK.ticks * 0.5 + self.x);
 		// --- Add rotation effect ---
-		self.rotation += 0.18; // rotate a bit every frame for a dynamic effect
+		// Slowed down rotation for a smoother effect
+		self.rotation += 0.045; // rotate slower for a more pleasant effect
 	};
 	// Animate and destroy on hit/miss
 	self.hit = function (_onFinish) {
 		self.active = false;
@@ -74,9 +73,8 @@
 
 /**** 
 * Game Code
 ****/ 
-// sol anahtarı (treble clef) asset
 // --- Layout constants ---
 // Four quarter arcs (quarter circles) for directions: up, down, left, right
 // Four colored "light" shapes for incoming notes
 // Sound effects for each direction