/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.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);
// --- 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
// --- Score Text (top right, above breath bar) ---
var scoreText = new Text2('0', {
	size: 110,
	fill: 0xffffff,
	font: "Impact, 'Arial Black', Tahoma"
});
scoreText.anchor.set(1, 0); // right-top
scoreText.x = -10; // 10px from right edge
scoreText.y = -breathBarGuiHeight / 2 - 170; // above breath bar, 170px margin (moved 50px higher)
LK.gui.right.addChild(scoreText);
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);
// --- 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;
// --- Nickname and Leaderboard ---
var nickname = storage.nickname || null;
var leaderboard = storage.leaderboard || [];
var leaderboardText = null;
// On first load, skip nickname prompt and start game immediately
function showLeaderboard() {
	if (leaderboardText) {
		leaderboardText.destroy();
		leaderboardText = null;
	}
	var sorted = leaderboard.slice().sort(function (a, b) {
		return b.score - a.score;
	}).slice(0, 10);
	var lines = ['🏆 TOP SCORES 🏆'];
	for (var i = 0; i < sorted.length; i++) {
		lines.push(i + 1 + '. ' + sorted[i].nickname + ' - ' + sorted[i].score);
	}
	leaderboardText = new Text2(lines.join('\n'), {
		size: 80,
		fill: 0xffff00,
		font: "Impact, 'Arial Black', Tahoma",
		align: 'center'
	});
	leaderboardText.anchor.set(0.5, 0.5);
	leaderboardText.x = 2048 / 2;
	leaderboardText.y = 2732 / 2;
	game.addChild(leaderboardText);
	// Remove leaderboard after 3 seconds
	LK.setTimeout(function () {
		if (leaderboardText) {
			leaderboardText.destroy();
			leaderboardText = null;
		}
	}, 3000);
}
// On first load, ask for nickname if not set
var gamePausedForNickname = false;
// --- 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();
	// Update score and UI
	score++;
	scoreText.setText(score);
	// 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)
	// Breath
	breath = Math.min(1, breath + breathGainPerTap);
	updateBreathBar();
	// Win condition removed for endless play
}
// --- 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 || gamePausedForNickname) {
		return;
	}
	// Progressive difficulty increases at score 30, 50, 70, 100
	if (score >= 100 && game._difficultyLevel !== 4) {
		breathDrainPerTick = 0.028; // Hardest
		game._difficultyLevel = 4;
	} else if (score >= 70 && game._difficultyLevel !== 3) {
		breathDrainPerTick = 0.022; // Even harder
		game._difficultyLevel = 3;
	} else if (score >= 50 && game._difficultyLevel !== 2) {
		breathDrainPerTick = 0.014; // Harder
		game._difficultyLevel = 2;
	} else if (score >= 30 && game._difficultyLevel !== 1) {
		breathDrainPerTick = 0.010; // Slightly harder
		game._difficultyLevel = 1;
	}
	// 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);
		// Save score to leaderboard if nickname is set
		if (nickname) {
			leaderboard.push({
				nickname: nickname,
				score: score
			});
			leaderboard.sort(function (a, b) {
				return b.score - a.score;
			});
			leaderboard = leaderboard.slice(0, 20); // keep top 20
			storage.leaderboard = leaderboard;
		}
		showLeaderboard();
		LK.showGameOver();
		// Reset score for next game
		score = 0;
		scoreText.setText(score);
		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);
	// 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
@@ -168,154 +168,9 @@
 // --- Nickname and Leaderboard ---
 var nickname = storage.nickname || null;
 var leaderboard = storage.leaderboard || [];
 var leaderboardText = null;
-// Prompt for nickname if not set
-function askNickname() {
-	// Remove any previous prompt
-	if (game._nicknamePrompt) {
-		game._nicknamePrompt.destroy();
-		game._nicknamePrompt = null;
-	}
-	var promptBg = new Container();
-	promptBg.x = 2048 / 2;
-	promptBg.y = 2732 / 2;
-	var bg = LK.getAsset('breathBarBg', {
-		anchorX: 0.5,
-		anchorY: 0.5,
-		width: 900,
-		height: 700
-	});
-	promptBg.addChild(bg);
-	var promptText = new Text2('Enter your nickname:', {
-		size: 80,
-		fill: 0xffffff,
-		font: "Impact, 'Arial Black', Tahoma"
-	});
-	promptText.anchor.set(0.5, 0);
-	promptText.x = 0;
-	promptText.y = -260;
-	promptBg.addChild(promptText);
-	var inputText = new Text2('', {
-		size: 100,
-		fill: 0x00ffff,
-		font: "Impact, 'Arial Black', Tahoma"
-	});
-	inputText.anchor.set(0.5, 0.5);
-	inputText.x = 0;
-	inputText.y = -120;
-	promptBg.addChild(inputText);
-	var infoText = new Text2('Tap letters below. Max 10 chars.', {
-		size: 50,
-		fill: 0xcccccc,
-		font: "Impact, 'Arial Black', Tahoma"
-	});
-	infoText.anchor.set(0.5, 0);
-	infoText.x = 0;
-	infoText.y = 0;
-	promptBg.addChild(infoText);
-	var doneText = new Text2('DONE', {
-		size: 70,
-		fill: 0x00ff00,
-		font: "Impact, 'Arial Black', Tahoma"
-	});
-	doneText.anchor.set(0.5, 0.5);
-	doneText.x = 300;
-	doneText.y = 220;
-	promptBg.addChild(doneText);
-	var backspaceText = new Text2('⌫', {
-		size: 90,
-		fill: 0xff4444,
-		font: "Impact, 'Arial Black', Tahoma"
-	});
-	backspaceText.anchor.set(0.5, 0.5);
-	backspaceText.x = -300;
-	backspaceText.y = 220;
-	promptBg.addChild(backspaceText);
-	var currentInput = '';
-	var maxLen = 10;
-	// Virtual keyboard layout (A-Z, 0-9)
-	var keys = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z', '0', '1', '2', '3', '4', '5', '6', '7', '8', '9'];
-	var keyButtons = [];
-	var keyW = 90,
-		keyH = 90,
-		keyMargin = 18;
-	var startX = -4.5 * (keyW + keyMargin);
-	var startY = 80;
-	// Draw keys in 4 rows
-	for (var row = 0; row < 4; row++) {
-		for (var col = 0; col < 10; col++) {
-			var idx = row * 10 + col;
-			if (idx >= keys.length) break;
-			var key = keys[idx];
-			var keyBtn = new Text2(key, {
-				size: 70,
-				fill: 0xffffff,
-				font: "Impact, 'Arial Black', Tahoma"
-			});
-			keyBtn.anchor.set(0.5, 0.5);
-			keyBtn.x = startX + col * (keyW + keyMargin);
-			keyBtn.y = startY + row * (keyH + keyMargin);
-			// Store key value
-			keyBtn._keyValue = key;
-			promptBg.addChild(keyBtn);
-			keyButtons.push(keyBtn);
-		}
-	}
-	function updateInputText() {
-		inputText.setText(currentInput + (currentInput.length < maxLen ? '_' : ''));
-	}
-	// Touch handler for the prompt
-	promptBg.down = function (x, y, obj) {
-		// Convert to local coordinates
-		var local = {
-			x: x - promptBg.x,
-			y: y - promptBg.y
-		};
-		// Check if tap is on a key
-		for (var i = 0; i < keyButtons.length; i++) {
-			var btn = keyButtons[i];
-			var dx = local.x - btn.x;
-			var dy = local.y - btn.y;
-			if (Math.abs(dx) < keyW / 2 && Math.abs(dy) < keyH / 2) {
-				if (currentInput.length < maxLen) {
-					currentInput += btn._keyValue;
-					updateInputText();
-				}
-				return;
-			}
-		}
-		// Check backspace
-		var dxBack = local.x - backspaceText.x;
-		var dyBack = local.y - backspaceText.y;
-		if (Math.abs(dxBack) < 80 && Math.abs(dyBack) < 60) {
-			if (currentInput.length > 0) {
-				currentInput = currentInput.slice(0, -1);
-				updateInputText();
-			}
-			return;
-		}
-		// Check done
-		var dxDone = local.x - doneText.x;
-		var dyDone = local.y - doneText.y;
-		if (Math.abs(dxDone) < 90 && Math.abs(dyDone) < 60) {
-			if (currentInput.length > 0) {
-				nickname = currentInput;
-				storage.nickname = nickname;
-				if (game._nicknamePrompt) {
-					game._nicknamePrompt.destroy();
-					game._nicknamePrompt = null;
-				}
-				gamePausedForNickname = false;
-			}
-			return;
-		}
-	};
-	updateInputText();
-	game.addChild(promptBg);
-	game._nicknamePrompt = promptBg;
-}
-// Show leaderboard overlay
+// On first load, skip nickname prompt and start game immediately
 function showLeaderboard() {
 	if (leaderboardText) {
 		leaderboardText.destroy();
 		leaderboardText = null;
@@ -346,12 +201,8 @@
 	}, 3000);
 }
 // On first load, ask for nickname if not set
 var gamePausedForNickname = false;
-if (!nickname) {
-	askNickname();
-	gamePausedForNickname = true;
-}
 // --- Helper: Update Breath Meter Visuals ---
 function updateBreathBar() {
 	var maxHeight = 660;
 	var fillHeight = Math.max(0, Math.min(1, breath)) * maxHeight;