/**** 
* 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;
});
// Music Note Particle
var MusicNote = Container.expand(function () {
	var self = Container.call(this);
	var note = self.attachAsset('musicNote', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var dot = self.attachAsset('noteDot', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	dot.x = 18;
	dot.y = 18;
	self.note = note;
	self.dot = dot;
	self.vx = 0;
	self.vy = 0;
	self.alpha = 1;
	self.update = function () {
		self.x += self.vx;
		self.y += self.vy;
		self.alpha -= 0.012;
		if (self.alpha <= 0) {
			self.destroyed = true;
		}
	};
	return self;
});
// Soundwave
var Soundwave = Container.expand(function () {
	var self = Container.call(this);
	var sw = self.attachAsset('soundwave', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.sw = sw;
	self.alpha = 1;
	self.scale = 1;
	self.update = function () {
		self.scale += 0.04;
		self.alpha -= 0.025;
		sw.scaleX = sw.scaleY = self.scale;
		if (self.alpha <= 0) {
			self.destroyed = true;
		}
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// --- Neon Slogan at Top ---
// Character: Big, cartoon beatboxer with headphones, hoodie, sneakers
// Red Tap Button
// Breath Meter
// Music Note
// Beat Particle
// Slogan Neon Bar
// Soundwave
// Sound
// Music
var sloganText = new Text2('BEATBOX TAP STAR', {
	size: 90,
	fill: 0x00FFFF,
	font: "Impact, 'Arial Black', Tahoma"
});
sloganText.anchor.set(0.5, 0.5);
sloganText.x = 2048 / 2;
sloganText.y = 110;
game.addChild(sloganText);
// --- Score & Nickname Box (top right, not in top 100x100) ---
var scoreBox = new Container();
var scoreBg = LK.getAsset('breathBarBg', {
	width: 340,
	height: 120,
	color: 0x111133,
	anchorX: 1,
	anchorY: 0
});
scoreBox.addChild(scoreBg);
scoreBox.x = 2048 - 40;
scoreBox.y = 120;
var scoreText = new Text2('Score: 0', {
	size: 60,
	fill: "#fff"
});
scoreText.anchor.set(1, 0);
scoreText.x = 320;
scoreText.y = 18;
scoreBox.addChild(scoreText);
var nicknameText = new Text2('You', {
	size: 38,
	fill: 0x00FFFF
});
nicknameText.anchor.set(1, 0);
nicknameText.x = 320;
nicknameText.y = 70;
scoreBox.addChild(nicknameText);
game.addChild(scoreBox);
// --- Breath Meter (right side, vertical) ---
// Place breath meter above the character, centered horizontally
var breathBarBg = LK.getAsset('breathBarBg', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	// center horizontally
	y: 2200 // just above character
});
game.addChild(breathBarBg);
var breathBarFill = LK.getAsset('breathBarFill', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	// center horizontally
	y: 2200
});
game.addChild(breathBarFill);
var breathBarDanger = LK.getAsset('breathBarDanger', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	// center horizontally
	y: 2200
});
breathBarDanger.visible = false;
game.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 tapButtonGlow = LK.getAsset('tapButtonGlow', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2350 //{1P} // moved up by 150px
});
tapButtonGlow.alpha = 0.3;
game.addChild(tapButtonGlow);
var tapButton = LK.getAsset('tapButton', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2350 //{1U} // moved up by 150px
});
game.addChild(tapButton);
var tapText = new Text2('TAP!', {
	size: 110,
	fill: "#fff",
	font: "bold 110px Impact, 'Arial Black', Tahoma"
});
tapText.anchor.set(0.5, 0.5);
tapText.x = 2048 / 2;
tapText.y = 2250; // moved up by 100px
game.addChild(tapText);
// --- Animated Background Particles ---
var musicNotes = [];
var beatParticles = [];
var soundwaves = [];
// --- Game State ---
var breath = 1; // 0-1
var breathDrainPerTick = 0.0022; // Drains in ~20s if not tapping
var breathGainPerTap = 0.13;
var breathDangerThreshold = 0.18;
var score = 0;
var isGameOver = false;
var canTap = true;
var lastTapTick = 0;
// --- Helper: Update Breath Meter Visuals ---
function updateBreathBar() {
	var maxHeight = 660;
	var fillHeight = Math.max(0, Math.min(1, breath)) * maxHeight;
	breathBarFill.height = fillHeight;
	breathBarFill.y = 2200;
	breathBarFill.x = 2048 / 2;
	breathBarFill.visible = breath > breathDangerThreshold;
	breathBarDanger.height = fillHeight;
	breathBarDanger.y = 2200;
	breathBarDanger.x = 2048 / 2;
	breathBarDanger.visible = breath <= breathDangerThreshold;
}
// --- Helper: Animate Tap Button Glow ---
function animateTapButtonGlow() {
	tapButtonGlow.alpha = 0.5;
	tween(tapButtonGlow, {
		alpha: 0.2
	}, {
		duration: 300,
		easing: tween.cubicOut
	});
	// 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
			});
		}
	});
	// Also animate tapText for feedback
	tween(tapText, {
		scaleX: 0.92,
		scaleY: 0.92
	}, {
		duration: 80,
		easing: tween.cubicOut,
		onFinish: function onFinish() {
			tween(tapText, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 120,
				easing: tween.cubicIn
			});
		}
	});
	// Animate glow for feedback
	tween(tapButtonGlow, {
		scaleX: 1.08,
		scaleY: 1.08
	}, {
		duration: 80,
		easing: tween.cubicOut,
		onFinish: function onFinish() {
			tween(tapButtonGlow, {
				scaleX: 1,
				scaleY: 1
			}, {
				duration: 120,
				easing: tween.cubicIn
			});
		}
	});
}
// --- Helper: Add Music Note Particle ---
function spawnMusicNote() {
	var note = new MusicNote();
	note.x = 2048 / 2 + (Math.random() - 0.5) * 400;
	note.y = 1200 - 220 + (Math.random() - 0.5) * 80;
	note.vx = (Math.random() - 0.5) * 2.5;
	note.vy = -2.5 - Math.random() * 2.5;
	note.alpha = 0.9 + Math.random() * 0.1;
	musicNotes.push(note);
	game.addChild(note);
}
// --- 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);
}
// --- Helper: Add Soundwave ---
function spawnSoundwave() {
	var sw = new Soundwave();
	sw.x = 2048 / 2;
	sw.y = 1200 - 220;
	sw.alpha = 0.5;
	soundwaves.push(sw);
	game.addChild(sw);
}
// --- 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();
	spawnMusicNote();
	spawnBeatParticle();
	spawnSoundwave();
	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
	score += 1;
	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;
	// 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 background: spawn music notes
	if (LK.ticks % 18 === 0) {
		spawnMusicNote();
	}
	// Animate background: spawn beat particles
	if (LK.ticks % 30 === 0) {
		spawnBeatParticle();
	}
	// Animate background: spawn soundwave
	if (LK.ticks % 60 === 0) {
		spawnSoundwave();
	}
	// Update and cleanup music notes
	for (var i = musicNotes.length - 1; i >= 0; i--) {
		var n = musicNotes[i];
		n.update();
		if (n.destroyed) {
			n.destroy();
			musicNotes.splice(i, 1);
		}
	}
	// 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);
		}
	}
	// Update and cleanup soundwaves
	for (var i = soundwaves.length - 1; i >= 0; i--) {
		var sw = soundwaves[i];
		sw.update();
		if (sw.destroyed) {
			sw.destroy();
			soundwaves.splice(i, 1);
		}
	}
};
// --- Play Music ---
LK.playMusic('neonbeat', {
	fade: {
		start: 0,
		end: 1,
		duration: 1200
	}
});

===================================================================
--- original.js
+++ change.js
@@ -144,26 +144,26 @@
 	x: 2048 / 2,
 	// center horizontally
 	y: 2200 // just above character
 });
-LK.gui.center.addChild(breathBarBg);
+game.addChild(breathBarBg);
 var breathBarFill = LK.getAsset('breathBarFill', {
 	anchorX: 0.5,
 	anchorY: 1,
 	x: 2048 / 2,
 	// center horizontally
 	y: 2200
 });
-LK.gui.center.addChild(breathBarFill);
+game.addChild(breathBarFill);
 var breathBarDanger = LK.getAsset('breathBarDanger', {
 	anchorX: 0.5,
 	anchorY: 1,
 	x: 2048 / 2,
 	// center horizontally
 	y: 2200
 });
 breathBarDanger.visible = false;
-LK.gui.center.addChild(breathBarDanger);
+game.addChild(breathBarDanger);
 // --- Beatboxer Character (center stage) ---
 // Character switching logic
 // Character style 0: Blue square placeholder
 var characterPlaceholder0 = LK.getAsset('characterPlaceholder', {