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

/**** 
* Classes
****/ 
// PipePair: Represents a pair of pipes (top and bottom) with a gap for the player to pass through
var PipePair = Container.expand(function () {
	var self = Container.call(this);
	// Constants for pipe dimensions
	var pipeWidth = 220;
	var minGap = 700;
	var maxGap = 1000;
	var minY = 350;
	var maxY = 2732 - 350 - minGap;
	// Randomize gap position
	var gapSize = minGap + Math.floor(Math.random() * (maxGap - minGap));
	var gapY = minY + Math.floor(Math.random() * (maxY - minY));
	// Top pipe
	var topPipeHeight = gapY;
	var topPipe = self.attachAsset('pipeTop', {
		width: pipeWidth,
		height: topPipeHeight,
		color: 0x4ec04e,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	topPipe.x = 0;
	topPipe.y = 0;
	// Bottom pipe
	var bottomPipeHeight = 2732 - (gapY + gapSize);
	var bottomPipe = self.attachAsset('pipeBottom', {
		width: pipeWidth,
		height: bottomPipeHeight,
		color: 0x4ec04e,
		shape: 'box',
		anchorX: 0,
		anchorY: 0
	});
	bottomPipe.x = 0;
	bottomPipe.y = gapY + gapSize;
	// Used for collision detection
	self.topPipe = topPipe;
	self.bottomPipe = bottomPipe;
	// Used to check if player has passed this pipe
	self.passed = false;
	// Set initial position (off the right edge)
	self.x = 2048;
	self.y = 0;
	// Pipe speed (will be set from outside)
	self.speed = -8;
	// Update method called every tick
	self.update = function () {
		self.x += self.speed;
	};
	// Helper for collision with player
	self.intersectsPlayer = function (player) {
		// Check collision with top pipe
		if (player.intersects(topPipe)) {
			return true;
		}
		// Check collision with bottom pipe
		if (player.intersects(bottomPipe)) {
			return true;
		}
		return false;
	};
	return self;
});
// Player: The square character controlled by the player
var Player = Container.expand(function () {
	var self = Container.call(this);
	// Attach square asset
	var square = self.attachAsset('playerSquare', {
		width: 200,
		height: 200,
		color: 0xffd700,
		shape: 'box',
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Physics properties
	self.vy = 0; // vertical velocity
	self.gravity = 1.1;
	self.jumpStrength = -22;
	// For rotation effect (optional, can be improved later)
	self.maxAngle = Math.PI / 6;
	self.minAngle = -Math.PI / 3;
	// Update method called every tick
	self.update = function () {
		self.vy += self.gravity;
		self.y += self.vy;
		// Clamp rotation based on velocity
		var angle = self.vy / 40;
		if (angle > self.maxAngle) {
			angle = self.maxAngle;
		}
		if (angle < self.minAngle) {
			angle = self.minAngle;
		}
		square.rotation = angle;
	};
	// Jump method
	self.jump = function () {
		self.vy = self.jumpStrength;
	};
	// Reset method
	self.reset = function () {
		self.vy = 0;
		self.y = 2732 / 2;
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Tween plugin for smooth animations (not strictly needed for MVP, but included for future use)
// Game constants
var GROUND_HEIGHT = 350;
// Volume button state and asset
var volumeOnButton = null;
var volumeOffButton = null;
var isVolumeOn = true;
// Always play background music when the game starts
if (!window.__FRVR_MUTED) {
	LK.playMusic('muzik');
}
// Hide the pause button in the top left if it exists
if (LK.pauseButton) {
	LK.pauseButton.visible = false;
}
var PIPE_INTERVAL = 110; // frames between pipes
var PIPE_SPEED_START = -8;
var PIPE_SPEED_INC = -0.2;
var PIPE_SPEED_MAX = -22;
// Game state variables
var theme = "bird"; // "bird" or "dragon"
var pipes = [];
var player = null;
var ground = null;
// scoreTxt and bestScoreTxt removed (no longer used)
var score = 0;
var bestScore = 0;
var ticksSinceLastPipe = 0;
var pipeSpeed = PIPE_SPEED_START;
var gameStarted = false;
var gameOver = false;
// Reset high score in storage and in memory
storage.flappyBest = 99;
bestScore = 99;
// Add background image (behind everything)
var background = LK.getAsset('background', {
	width: 2048,
	height: 2732,
	anchorX: 0,
	anchorY: 0
});
background.x = 0;
background.y = 0;
game.addChild(background);
// Add ground (visual only, for collision)
ground = LK.getAsset('ground', {
	width: 2048,
	height: GROUND_HEIGHT,
	color: 0x8b5a2b,
	shape: 'box',
	anchorX: 0,
	anchorY: 0
});
ground.x = 0;
ground.y = 2732 - GROUND_HEIGHT;
game.addChild(ground);
// Add player
player = new Player();
player.x = 600;
player.y = 2732 / 2;
player.visible = false; // Hide player at first
game.addChild(player);
// Add play and cosmetics buttons (in front of background, before game starts)
var playButton = LK.getAsset('playButton', {
	width: 1000,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 600
});
var cosmeticsButton = LK.getAsset('cosmeticsButton', {
	width: 1340,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1100
});
game.addChild(playButton);
game.addChild(cosmeticsButton);
// Cosmetics menu state
var cosmeticsMenuActive = false;
// Cosmetics menu assets (created once, shown/hidden as needed)
var cosmeticsTitle = LK.getAsset('cosmeticsButton', {
	width: 1340,
	height: 440,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 440
});
cosmeticsTitle.visible = false;
game.addChild(cosmeticsTitle);
// Character frames
var frameY = 1366; // vertical center
var frameSpacing = 300;
var birdFrame = LK.getAsset('birdFrame', {
	width: 840,
	height: 960,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 - frameSpacing - 150,
	y: frameY
});
birdFrame.visible = false;
game.addChild(birdFrame);
// Bird character sprite (centered in birdFrame)
var birdSprite = LK.getAsset('playerSquare', {
	width: 520,
	// fits well inside 840x960 frame, leaves margin for decorations
	height: 490,
	// maintain aspect ratio (original 1000x945.31)
	anchorX: 0.5,
	anchorY: 0.5,
	x: birdFrame.x,
	y: birdFrame.y
});
birdSprite.visible = false;
game.addChild(birdSprite);
var dragonFrame = LK.getAsset('dragonFrame', {
	width: 920,
	height: 1150,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2 + frameSpacing + 150,
	y: frameY
});
dragonFrame.visible = false;
game.addChild(dragonFrame);
// Dragon character sprite (centered in dragonFrame)
var dragonSprite = LK.getAsset('playerDragon', {
	width: 600,
	// fits well inside 920x1150 frame, leaves margin for decorations
	height: 610,
	// maintain aspect ratio (original 1000x1019.92)
	anchorX: 0.5,
	anchorY: 0.5,
	x: dragonFrame.x,
	y: dragonFrame.y
});
dragonSprite.visible = false;
game.addChild(dragonSprite);
// BACK button, centered below frames, same vertical distance as title above
var backBtnY = frameY + (frameY - cosmeticsTitle.y);
var backButton = LK.getAsset('backButton', {
	width: 1000,
	height: 531.25,
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: backBtnY
});
backButton.visible = false;
game.addChild(backButton);
// Add volume buttons (positioned under cosmetics button, matching cosmetics button width)
var cosmeticsBtnWidth = 1340;
var cosmeticsBtnHeight = 440;
var volumeBtnWidth = cosmeticsBtnWidth * 0.25; // make volume buttons bigger
var volumeBtnHeightOn = volumeBtnWidth * 0.77; // keep aspect ratio similar to original
var volumeBtnHeightOff = volumeBtnWidth * 0.98; // keep aspect ratio similar to original
var volumeBtnX = 2048 / 2;
var volumeBtnY = 1100 + cosmeticsBtnHeight / 2 + 60 + volumeBtnHeightOn / 2; // 60px gap below cosmetics
volumeOnButton = LK.getAsset('volumeOn', {
	width: volumeBtnWidth,
	height: volumeBtnHeightOn,
	anchorX: 0.5,
	anchorY: 0.5,
	x: volumeBtnX,
	y: volumeBtnY
});
volumeOffButton = LK.getAsset('volumeOff', {
	width: volumeBtnWidth,
	height: volumeBtnHeightOff,
	anchorX: 0.5,
	anchorY: 0.5,
	x: volumeBtnX,
	y: volumeBtnY
});
volumeOnButton.visible = true;
volumeOffButton.visible = false;
game.addChild(volumeOnButton);
game.addChild(volumeOffButton);
// (score text removed)
// (best score text removed)
// --- High Score Display (main menu) ---
var highScoreGroup = new Container();
// Make the high score icon and digits EVEN bigger
// Position: to the left under the cosmetics button, now stack vertically
var highScoreIconScale = 2.5; // scale up the icon even more
// Centered horizontally with cosmetics button, below it
var highScoreIconX = 725;
var highScoreIconY = 1875;
var highScoreIcon = LK.getAsset('highScore', {
	width: volumeBtnWidth * 0.7 * highScoreIconScale,
	height: 54.3 * (volumeBtnWidth * 0.7 * highScoreIconScale / 100),
	anchorX: 0.5,
	anchorY: 0.5,
	x: highScoreIconX + volumeBtnWidth * 0.7 * highScoreIconScale / 2,
	y: highScoreIconY
});
highScoreGroup.addChild(highScoreIcon);
// Helper to clear and set numeric assets for high score
function setHighScoreDigits(n) {
	// Remove previous digits
	for (var i = highScoreGroup.children.length - 1; i >= 1; i--) {
		highScoreGroup.removeChild(highScoreGroup.children[i]);
	}
	var digits = String(n).split('');
	var digitWidth = volumeBtnWidth * 0.32 * 2.2; // scale up digits even more
	var digitSpacing = digitWidth * 0.12; // more spacing for bigger digits
	// Center digits horizontally under the icon
	var totalDigitsWidth = digits.length * digitWidth + (digits.length - 1) * digitSpacing;
	var startX = highScoreIcon.x - totalDigitsWidth / 2;
	var digitY = highScoreIcon.y + highScoreIcon.height / 2 + digitWidth / 2 + 20; // 20px gap below icon
	for (var i = 0; i < digits.length; i++) {
		var digitAsset = LK.getAsset(digits[i], {
			width: digitWidth,
			height: LK.getAsset(digits[i], {
				width: 100,
				height: 100
			}).height * (digitWidth / 100),
			anchorX: 0,
			anchorY: 0.5,
			x: startX + i * (digitWidth + digitSpacing),
			y: digitY
		});
		highScoreGroup.addChild(digitAsset);
	}
}
// Set initial best score
setHighScoreDigits(bestScore);
// Add to game
game.addChild(highScoreGroup);
// Show only in main menu
highScoreGroup.visible = !gameStarted && !gameOver;
// Update high score display on game over
var _oldOnGameOver = game.onGameOver;
game.onGameOver = function () {
	if (score > bestScore) {
		bestScore = score;
		setHighScoreDigits(bestScore);
	} else {
		setHighScoreDigits(bestScore);
	}
	highScoreGroup.visible = true;
	if (_oldOnGameOver) {
		_oldOnGameOver();
	}
};
// Hide high score display when game starts
var _oldStartGame = startGame;
startGame = function startGame() {
	highScoreGroup.visible = false;
	_oldStartGame();
};
// Helper: Start the game
function startGame() {
	// Reset state
	for (var i = pipes.length - 1; i >= 0; i--) {
		pipes[i].destroy();
		pipes.splice(i, 1);
	}
	player.x = 600;
	player.y = 2732 / 2;
	player.vy = 0;
	player.visible = true; // Show player when game starts
	score = 0;
	// scoreTxt.setText(score); // removed, no score text
	pipeSpeed = PIPE_SPEED_START;
	ticksSinceLastPipe = 0;
	gameStarted = true;
	gameOver = false;
	// Play music if not muted
	if (!window.__FRVR_MUTED) {
		LK.playMusic('muzik');
	}
}
// Helper: End the game
function endGame() {
	gameOver = true;
	gameStarted = false;
	// Swap player asset to 'playerDead'
	if (player && player.children && player.children.length > 0) {
		var oldAsset = player.children[0];
		var deadAsset = player.attachAsset('playerDead', {
			width: 200,
			height: 200,
			anchorX: 0.5,
			anchorY: 0.5
		});
		deadAsset.x = oldAsset.x;
		deadAsset.y = oldAsset.y;
		deadAsset.rotation = oldAsset.rotation;
		player.removeChild(oldAsset);
	}
	// Flash screen red
	LK.effects.flashScreen(0xff0000, 800);
	// Save best score
	if (score > bestScore) {
		bestScore = score;
		storage.flappyBest = bestScore;
		// bestScoreTxt.setText('Best: ' + bestScore); // removed, no best score text
	}
	// Show game over popup (handled by LK)
	player.visible = false; // Hide player after game over
	LK.showGameOver();
}
// Helper: Player jump
function playerJump() {
	if (!gameStarted) {
		startGame();
	}
	if (!gameOver) {
		player.jump();
	}
}
// Touch/click to jump or handle play/cosmetics button
game.down = function (x, y, obj) {
	// Prevent jump if touch is in top left 100x100 (menu area)
	if (x < 100 && y < 100) {
		return;
	}
	// If game hasn't started, check if playButton or cosmeticsButton was pressed
	if (!gameStarted && !gameOver) {
		// Check volumeOnButton
		if (volumeOnButton && volumeOnButton.visible && x >= volumeOnButton.x - volumeOnButton.width && x <= volumeOnButton.x && y >= volumeOnButton.y && y <= volumeOnButton.y + volumeOnButton.height) {
			// Mute all sounds
			isVolumeOn = false;
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
			// Set a global mute flag; all sound/music play calls should check this flag
			window.__FRVR_MUTED = true;
			LK.stopMusic();
			return;
		}
		// Check volumeOffButton
		if (volumeOffButton && volumeOffButton.visible && x >= volumeOffButton.x - volumeOffButton.width && x <= volumeOffButton.x && y >= volumeOffButton.y && y <= volumeOffButton.y + volumeOffButton.height) {
			// Unmute all sounds
			isVolumeOn = true;
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
			// Unset the global mute flag; all sound/music play calls should check this flag
			window.__FRVR_MUTED = false;
			LK.playMusic('muzik');
			return;
		}
		// Check playButton (disable if cosmetics menu is active)
		if (!cosmeticsMenuActive && playButton && x >= playButton.x - playButton.width / 2 && x <= playButton.x + playButton.width / 2 && y >= playButton.y - playButton.height / 2 && y <= playButton.y + playButton.height / 2) {
			// Start game, hide buttons
			playButton.visible = false;
			cosmeticsButton.visible = false;
			if (volumeOnButton) {
				volumeOnButton.visible = false;
			}
			if (volumeOffButton) {
				volumeOffButton.visible = false;
			}
			startGame();
			return;
		}
		// Check cosmeticsButton (open cosmetics menu)
		if (cosmeticsButton && x >= cosmeticsButton.x - cosmeticsButton.width / 2 && x <= cosmeticsButton.x + cosmeticsButton.width / 2 && y >= cosmeticsButton.y - cosmeticsButton.height / 2 && y <= cosmeticsButton.y + cosmeticsButton.height / 2) {
			// Hide main menu assets
			playButton.visible = false;
			cosmeticsButton.visible = false;
			if (volumeOnButton) {
				volumeOnButton.visible = false;
			}
			if (volumeOffButton) {
				volumeOffButton.visible = false;
			}
			highScoreGroup.visible = false;
			// Show cosmetics menu assets
			cosmeticsTitle.visible = true;
			birdFrame.visible = true;
			dragonFrame.visible = true;
			backButton.visible = true;
			birdSprite.visible = true;
			dragonSprite.visible = true;
			cosmeticsMenuActive = true;
			return;
		}
		// Handle BACK button in cosmetics menu
		if (cosmeticsMenuActive && backButton && backButton.visible && x >= backButton.x - backButton.width / 2 && x <= backButton.x + backButton.width / 2 && y >= backButton.y - backButton.height / 2 && y <= backButton.y + backButton.height / 2) {
			// Hide cosmetics menu assets
			cosmeticsTitle.visible = false;
			birdFrame.visible = false;
			dragonFrame.visible = false;
			backButton.visible = false;
			birdSprite.visible = false;
			dragonSprite.visible = false;
			cosmeticsMenuActive = false;
			// Show main menu assets
			playButton.visible = true;
			cosmeticsButton.visible = true;
			if (isVolumeOn) {
				volumeOnButton.visible = true;
				volumeOffButton.visible = false;
			} else {
				volumeOnButton.visible = false;
				volumeOffButton.visible = true;
			}
			highScoreGroup.visible = true;
			return;
		}
		// Block jump if not started
		return;
	}
	playerJump();
};
// Main update loop
game.update = function () {
	if (!gameStarted || gameOver) {
		// Idle animation: player slowly falls, pipes don't move
		player.update();
		// Clamp player to not fall below ground
		if (player.y + 100 > 2732 - GROUND_HEIGHT) {
			player.y = 2732 - GROUND_HEIGHT - 100;
			player.vy = 0.0;
		}
		return;
	}
	// Update player
	player.update();
	// Clamp player to not fall below ground
	if (player.y + 100 > 2732 - GROUND_HEIGHT) {
		player.y = 2732 - GROUND_HEIGHT - 100;
		endGame();
		return;
	}
	// Clamp player to not go above screen
	if (player.y - 100 < 0) {
		player.y = 100;
		player.vy = 0;
	}
	// Spawn pipes
	ticksSinceLastPipe++;
	if (ticksSinceLastPipe >= PIPE_INTERVAL) {
		ticksSinceLastPipe = 0;
		var pipe = new PipePair();
		pipe.speed = pipeSpeed;
		pipes.push(pipe);
		game.addChild(pipe);
	}
	// Update pipes
	for (var i = pipes.length - 1; i >= 0; i--) {
		var pipe = pipes[i];
		pipe.speed = pipeSpeed;
		pipe.update();
		// Check for collision
		if (pipe.intersectsPlayer(player)) {
			endGame();
			return;
		}
		// Check if player passed the pipe (score)
		if (!pipe.passed && pipe.x + 220 < player.x - 100) {
			pipe.passed = true;
			score++;
			// scoreTxt.setText(score); // removed, no score text
			// Increase speed every 5 points, up to max
			if (score % 5 === 0 && pipeSpeed > PIPE_SPEED_MAX) {
				pipeSpeed += PIPE_SPEED_INC;
			}
		}
		// Remove pipes that are off screen
		if (pipe.x + 220 < -100) {
			pipe.destroy();
			pipes.splice(i, 1);
		}
	}
};
// Idle animation: gently bob player up and down before game starts
var idleDir = 1;
var idleTicks = 0;
game.idleInterval = LK.setInterval(function () {
	if (!gameStarted && !gameOver) {
		idleTicks++;
		if (idleTicks % 30 === 0) {
			idleDir *= -1;
		}
		player.y += idleDir * 2;
	}
}, 16);
// Reset game on game over (handled by LK, but for safety)
game.onGameOver = function () {
	gameStarted = false;
	gameOver = true;
	if (playButton) {
		playButton.visible = true;
	}
	if (cosmeticsButton) {
		cosmeticsButton.visible = true;
	}
	if (volumeOnButton && volumeOffButton) {
		if (isVolumeOn) {
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
		} else {
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
		}
	}
};
// Reset game on you win (not used, but for completeness)
game.onYouWin = function () {
	gameStarted = false;
	gameOver = true;
	if (playButton) {
		playButton.visible = true;
	}
	if (cosmeticsButton) {
		cosmeticsButton.visible = true;
	}
	if (player) {
		player.visible = false;
	} // Hide player after you win
	if (volumeOnButton && volumeOffButton) {
		if (isVolumeOn) {
			volumeOnButton.visible = true;
			volumeOffButton.visible = false;
		} else {
			volumeOnButton.visible = false;
			volumeOffButton.visible = true;
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -145,8 +145,9 @@
 var PIPE_SPEED_START = -8;
 var PIPE_SPEED_INC = -0.2;
 var PIPE_SPEED_MAX = -22;
 // Game state variables
+var theme = "bird"; // "bird" or "dragon"
 var pipes = [];
 var player = null;
 var ground = null;
 // scoreTxt and bestScoreTxt removed (no longer used)
@@ -530,19 +531,8 @@
 			}
 			highScoreGroup.visible = true;
 			return;
 		}
-		// Handle dragon character click in cosmetics menu to change background
-		if (cosmeticsMenuActive && dragonFrame && dragonFrame.visible && x >= dragonFrame.x - dragonFrame.width / 2 && x <= dragonFrame.x + dragonFrame.width / 2 && y >= dragonFrame.y - dragonFrame.height / 2 && y <= dragonFrame.y + dragonFrame.height / 2) {
-			// Change background to backgroundDragon
-			background.texture = LK.getAsset('backgroundDragon', {
-				width: background.width,
-				height: background.height,
-				anchorX: 0,
-				anchorY: 0
-			}).texture;
-			return;
-		}
 		// Block jump if not started
 		return;
 	}
 	playerJump();