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

/**** 
* Classes
****/ 
// Beat Particle
var BeatParticle = Container.expand(function () {
	var self = Container.call(this);
	var p = self.attachAsset('beatParticle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.vx = 0;
	self.vy = 0;
	self.alpha = 1;
	self.scale = 1;
	self.update = function () {
		self.x += self.vx;
		self.y += self.vy;
		self.scale += 0.02;
		self.alpha -= 0.018;
		p.scaleX = p.scaleY = self.scale;
		if (self.alpha <= 0) {
			self.destroyed = true;
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Music
// Sound
// Soundwave
// Slogan Neon Bar
// Beat Particle
// Music Note
// Breath Meter
// Red Tap Button
// Character: Big, cartoon beatboxer with headphones, hoodie, sneakers
// --- Neon Slogan at Top ---
var sloganText = new Text2('BEATBOX TAP STAR', {
	size: 140,
	fill: 0x00FFFF,
	font: "Impact, 'Arial Black', Tahoma"
});
sloganText.anchor.set(0.5, 0.5);
sloganText.x = 2048 / 2;
sloganText.y = 130;
game.addChild(sloganText);
// --- Score & Nickname Box (top right, not in top 100x100) ---
var scoreBox = new Container();
var scoreBg = LK.getAsset('breathBarBg', {
	width: 380,
	height: 150,
	color: 0x111133,
	anchorX: 0,
	// sol alt köşe için anchorX:0
	anchorY: 1 // sol alt köşe için anchorY:1
});
scoreBox.addChild(scoreBg);
// Sol alt köşe: x=40, y=2732-40 (40px margin)
scoreBox.x = 40;
scoreBox.y = 2732 - 40;
var scoreText = new Text2('Score: 0', {
	size: 100,
	fill: "#fff"
});
scoreText.anchor.set(0, 1); // sol alt köşe için anchor
scoreText.x = 40;
scoreText.y = -90;
scoreBox.addChild(scoreText);
var nicknameText = new Text2('You', {
	size: 60,
	fill: 0x00FFFF
});
nicknameText.anchor.set(0, 1);
nicknameText.x = 40;
nicknameText.y = -30;
scoreBox.addChild(nicknameText);
game.addChild(scoreBox);
// --- Breath Meter (right side, vertical, above character, always on top) ---
// Place breath meter in GUI overlay, right side, above character
// Calculate vertical center for breath bar in GUI overlay
var breathBarGuiHeight = 660; // matches asset height
var guiCenterY = (LK.gui.height ? LK.gui.height : 2732) / 2; // fallback if LK.gui.height is undefined
var breathBarY = 0; // will be set after LK.gui is ready
// Place breath bar 10px from right edge, vertically centered in GUI overlay
breathBarY = 0; // LK.gui.right anchor is middle-right, so y=0 is center
var breathBarBg = LK.getAsset('breathBarBg', {
	anchorX: 1,
	// right edge
	anchorY: 0.5,
	// center vertically
	x: -10,
	// 10px from right edge
	y: breathBarY
});
var breathBarFill = LK.getAsset('breathBarFill', {
	anchorX: 1,
	anchorY: 0.5,
	x: -10,
	y: breathBarY
});
var breathBarDanger = LK.getAsset('breathBarDanger', {
	anchorX: 1,
	anchorY: 0.5,
	x: -10,
	y: breathBarY
});
breathBarDanger.visible = false;
LK.gui.right.addChild(breathBarBg);
LK.gui.right.addChild(breathBarFill);
LK.gui.right.addChild(breathBarDanger);
// --- Beatboxer Character (center stage) ---
// Character switching logic
// Character style 0: Blue square placeholder
var characterPlaceholder0 = LK.getAsset('characterPlaceholder', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2350
});
// Character style 1: Pink ellipse placeholder
var characterPlaceholder1 = LK.getAsset('beatboxerHead', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2350,
	color: 0xff66cc
});
characterPlaceholder1.visible = false;
// Character style 2: Green box placeholder
var characterPlaceholder2 = LK.getAsset('beatParticle', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2350,
	color: 0x00ffcc
});
characterPlaceholder2.visible = false;
// Character style 3: Blue square placeholder (new)
var characterPlaceholder3 = LK.getAsset('characterPlaceholderSquare', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2350
});
characterPlaceholder3.visible = false;
game.addChild(characterPlaceholder0);
game.addChild(characterPlaceholder1);
game.addChild(characterPlaceholder2);
game.addChild(characterPlaceholder3);
// Track which character is currently shown (0, 1, 2, 3)
var characterStyle = 0;
var characterList = [characterPlaceholder0, characterPlaceholder1, characterPlaceholder2, characterPlaceholder3];
// --- Beatboxer character instance removed as per instructions ---
// --- Tap Button (bottom center) ---
var tapButton = LK.getAsset('tapButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2350 //{1U} // moved up by 150px
});
game.addChild(tapButton);
// --- KLICK Text on Button ---
var klickText = new Text2('KLICK', {
	size: 120,
	fill: "#fff",
	font: "bold 120px Impact, 'Arial Black', Tahoma"
});
klickText.anchor.set(0.5, 0.5);
klickText.x = tapButton.x;
klickText.y = tapButton.y;
game.addChild(klickText);
// --- Animated Background Particles ---
var beatParticles = [];
// --- Game State ---
var breath = 1; // 0-1
var breathDrainPerTick = 0.008; // Drains in ~5s if not tapping (much harder)
var breathGainPerTap = 0.13;
var breathDangerThreshold = 0.18;
var score = 0;
var isGameOver = false;
var canTap = true;
var lastTapTick = 0;
// --- Timer State ---
var totalTime = 30; // seconds
var timeLeft = totalTime;
var timerText = new Text2('30', {
	size: 170,
	fill: "#fff",
	font: "bold 170px Impact, 'Arial Black', Tahoma"
});
// Sol alt köşe: scoreBox'ın hemen altında, sola hizalı
timerText.anchor.set(0, 1); // sol alt köşe için anchor
timerText.x = 40;
timerText.y = 2732 - 200; // scoreBox'ın biraz üstünde, 200px yukarıda
game.addChild(timerText);
// --- Helper: Update Breath Meter Visuals ---
function updateBreathBar() {
	var maxHeight = 660;
	var fillHeight = Math.max(0, Math.min(1, breath)) * maxHeight;
	// Animate color: green to yellow to red as breath drops (full = green, empty = red)
	var fullColor = 0x44ff44; // green
	var midColor = 0xffe066; // yellow
	var dangerColor = 0xff4444; // red
	var color;
	if (breath > 0.5) {
		// Interpolate green to yellow
		var t = (breath - 0.5) * 2;
		// t: 1 (breath=1) => green, t: 0 (breath=0.5) => yellow
		var r = (fullColor >> 16) * t + (midColor >> 16) * (1 - t) & 0xff;
		var g = (fullColor >> 8 & 0xff) * t + (midColor >> 8 & 0xff) * (1 - t) & 0xff;
		var b = (fullColor & 0xff) * t + (midColor & 0xff) * (1 - t) & 0xff;
		color = r << 16 | g << 8 | b;
	} else {
		// Interpolate yellow to red
		var t = breath * 2;
		// t: 1 (breath=0.5) => yellow, t: 0 (breath=0) => red
		var r = (midColor >> 16) * t + (dangerColor >> 16) * (1 - t) & 0xff;
		var g = (midColor >> 8 & 0xff) * t + (dangerColor >> 8 & 0xff) * (1 - t) & 0xff;
		var b = (midColor & 0xff) * t + (dangerColor & 0xff) * (1 - t) & 0xff;
		color = r << 16 | g << 8 | b;
	}
	breathBarFill.tint = color;
	breathBarDanger.tint = dangerColor;
	breathBarFill.height = fillHeight;
	breathBarFill.y = 0;
	breathBarFill.x = -10;
	breathBarFill.visible = breath > breathDangerThreshold;
	breathBarDanger.height = fillHeight;
	breathBarDanger.y = 0;
	breathBarDanger.x = -10;
	breathBarDanger.visible = breath <= breathDangerThreshold;
	// Flash warning when in danger
	if (breath <= breathDangerThreshold && !updateBreathBar._flashing) {
		updateBreathBar._flashing = true;
		tween(breathBarDanger, {
			alpha: 0.2
		}, {
			duration: 120,
			yoyo: true,
			repeat: 4,
			onFinish: function onFinish() {
				breathBarDanger.alpha = 1;
				updateBreathBar._flashing = false;
			}
		});
	}
}
// --- Helper: Animate Tap Button Glow ---
function animateTapButtonGlow() {
	// Button press animation: scale down then up
	tween(tapButton, {
		scaleX: 0.92,
		scaleY: 0.92
	}, {
		duration: 80,
		easing: tween.cubicOut,
		onFinish: function onFinish() {
			tween(tapButton, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 120,
				easing: tween.cubicIn
			});
		}
	});
}
// --- Helper: Add Beat Particle ---
function spawnBeatParticle() {
	var p = new BeatParticle();
	p.x = 2048 / 2;
	p.y = 1200 - 220;
	p.vx = (Math.random() - 0.5) * 1.5;
	p.vy = -1.5 - Math.random() * 1.5;
	p.alpha = 0.8 + Math.random() * 0.2;
	beatParticles.push(p);
	game.addChild(p);
}
// --- Tap Button Handler ---
function handleTap(x, y, obj) {
	if (isGameOver || !canTap) {
		return;
	}
	// Only register tap if inside button
	var dx = x - tapButton.x;
	var dy = y - tapButton.y;
	var r = tapButton.width / 2;
	if (dx * dx + dy * dy > r * r) {
		return;
	}
	// Tap registered!
	canTap = false;
	lastTapTick = LK.ticks;
	// Animate
	animateTapButtonGlow();
	spawnBeatParticle();
	LK.getSound('beatbox').play();
	// Switch character: loop through 3 styles
	// Hide all, show next
	characterList[characterStyle].visible = false;
	characterStyle = (characterStyle + 1) % characterList.length;
	characterList[characterStyle].visible = true;
	// Animate if Beatboxer
	// (No Beatboxer instance present, so no animation triggered here)
	// Score
	// Combo: If tapped within 400ms, increase combo
	if (!handleTap.lastTapTime) {
		handleTap.lastTapTime = 0;
	}
	if (!handleTap.combo) {
		handleTap.combo = 0;
	}
	var now = Date.now();
	if (now - handleTap.lastTapTime < 400) {
		handleTap.combo++;
	} else {
		handleTap.combo = 1;
	}
	handleTap.lastTapTime = now;
	var comboBonus = handleTap.combo > 1 ? handleTap.combo : 0;
	score += 1 + comboBonus;
	// Animate scoreText pop
	scoreText.scaleX = scoreText.scaleY = 1.18;
	tween(scoreText, {
		scaleX: 1,
		scaleY: 1
	}, {
		duration: 180,
		easing: tween.cubicOut
	});
	// Show combo text if combo > 1
	if (handleTap.combo > 1) {
		if (!handleTap.comboText) {
			handleTap.comboText = new Text2('', {
				size: 90,
				fill: "#ff0",
				font: "bold 90px Impact, 'Arial Black', Tahoma"
			});
			handleTap.comboText.anchor.set(1, 0);
			handleTap.comboText.x = 340;
			handleTap.comboText.y = -40;
			scoreBox.addChild(handleTap.comboText);
		}
		handleTap.comboText.setText('Combo x' + handleTap.combo + '!');
		handleTap.comboText.alpha = 1;
		handleTap.comboText.visible = true;
		tween(handleTap.comboText, {
			alpha: 0
		}, {
			duration: 700,
			onFinish: function onFinish() {
				handleTap.comboText.visible = false;
			}
		});
	}
	scoreText.setText('Score: ' + score);
	// Breath
	breath = Math.min(1, breath + breathGainPerTap);
	updateBreathBar();
	// Win condition
	if (score >= 50) {
		isGameOver = true;
		LK.showYouWin();
	}
}
// --- Tap Button Down/Up/Move ---
game.down = function (x, y, obj) {
	handleTap(x, y, obj);
};
game.move = function (x, y, obj) {
	// No drag needed, but allow repeated tap
	if (!canTap && LK.ticks - lastTapTick > 7) {
		canTap = true;
	}
};
game.up = function (x, y, obj) {
	// Allow next tap
	canTap = true;
};
// --- Main Game Update ---
game.update = function () {
	if (isGameOver) {
		return;
	}
	// --- Timer logic ---
	if (!game.update._lastTimerTick) {
		game.update._lastTimerTick = LK.ticks;
	}
	if (!game.update._timerStarted) {
		game.update._timerStarted = true;
		timeLeft = totalTime;
		timerText.setText(timeLeft);
		timerText.fill = "#fff";
	}
	if (LK.ticks - game.update._lastTimerTick >= 60) {
		// 1 second
		game.update._lastTimerTick = LK.ticks;
		if (timeLeft > 0) {
			timeLeft--;
			timerText.setText(timeLeft);
			// Flash and color warning in last 10s
			if (timeLeft <= 10) {
				timerText.fill = "#ff4444";
				tween(timerText, {
					scaleX: 1.25,
					scaleY: 1.25
				}, {
					duration: 90,
					yoyo: true,
					repeat: 1,
					onFinish: function onFinish() {
						timerText.scaleX = timerText.scaleY = 1;
					}
				});
			}
		}
		if (timeLeft === 0 && !isGameOver) {
			isGameOver = true;
			timerText.setText("0");
			LK.effects.flashScreen(0xff0000, 900);
			LK.showGameOver();
			return;
		}
	}
	// Drain breath
	breath -= breathDrainPerTick;
	if (breath < 0) {
		breath = 0;
	}
	updateBreathBar();
	// Lose if breath runs out
	if (breath <= 0 && !isGameOver) {
		isGameOver = true;
		LK.effects.flashScreen(0xff0000, 900);
		LK.showGameOver();
		return;
	}
	// Animate sloganText neon pulse
	sloganText.alpha = 0.85 + 0.15 * Math.sin(LK.ticks * 0.08);
	sloganText.scaleX = sloganText.scaleY = 1 + 0.03 * Math.sin(LK.ticks * 0.07);
	// Keep KLICK text centered on tapButton (defensive, in case of future animation)
	if (typeof klickText !== "undefined" && typeof tapButton !== "undefined") {
		klickText.x = tapButton.x;
		klickText.y = tapButton.y;
	}
	// Animate background: spawn beat particles
	if (LK.ticks % 30 === 0) {
		spawnBeatParticle();
	}
	// Update and cleanup beat particles
	for (var i = beatParticles.length - 1; i >= 0; i--) {
		var p = beatParticles[i];
		p.update();
		if (p.destroyed) {
			p.destroy();
			beatParticles.splice(i, 1);
		}
	}
};
// --- Play Music ---
LK.playMusic('neonbeat', {
	fade: {
		start: 0,
		end: 1,
		duration: 1200
	}
});

===================================================================
--- original.js
+++ change.js
@@ -173,8 +173,18 @@
 	x: 2048 / 2,
 	y: 2350 //{1U} // moved up by 150px
 });
 game.addChild(tapButton);
+// --- KLICK Text on Button ---
+var klickText = new Text2('KLICK', {
+	size: 120,
+	fill: "#fff",
+	font: "bold 120px Impact, 'Arial Black', Tahoma"
+});
+klickText.anchor.set(0.5, 0.5);
+klickText.x = tapButton.x;
+klickText.y = tapButton.y;
+game.addChild(klickText);
 // --- Animated Background Particles ---
 var beatParticles = [];
 // --- Game State ---
 var breath = 1; // 0-1
@@ -442,8 +452,13 @@
 	}
 	// Animate sloganText neon pulse
 	sloganText.alpha = 0.85 + 0.15 * Math.sin(LK.ticks * 0.08);
 	sloganText.scaleX = sloganText.scaleY = 1 + 0.03 * Math.sin(LK.ticks * 0.07);
+	// Keep KLICK text centered on tapButton (defensive, in case of future animation)
+	if (typeof klickText !== "undefined" && typeof tapButton !== "undefined") {
+		klickText.x = tapButton.x;
+		klickText.y = tapButton.y;
+	}
 	// Animate background: spawn beat particles
 	if (LK.ticks % 30 === 0) {
 		spawnBeatParticle();
 	}