/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
// Baby Shark class
var BabyShark = Container.expand(function () {
	var self = Container.call(this);
	self.currentWidth = 162; // 242; // Initialize currentSize property
	self.currentHeight = 100; // 150;
	self.widthRatio = 162 / 100; //242 / 150;
	self.heightRatio = 100.0 / 162; // Define height ratio property
	self.speed = 10;
	self.velocityY = 0;
	self.shark = self.attachAsset('babyShark', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: self.currentHeight * self.widthRatio,
		height: self.currentHeight
	});
	self.bones = self.attachAsset('bones', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: self.currentHeight * self.widthRatio,
		height: self.currentHeight,
		alpha: 0
	});
	self.collisionBody = self.attachAsset('collisionBody', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.7,
		x: self.currentWidth * 0.25,
		y: 10,
		width: self.shark.width * 0.5,
		height: self.shark.width * 0.5
	});
	self.update = function () {
		if (!isPlaying) {
			return;
		}
		;
		self.velocityY += 0.4; // Further reduced gravity effect
		self.y += self.velocityY;
		if (self.y >= 2732 - self.shark.height * 0.5) {
			self.y = 2732 - self.shark.height * 0.5;
			self.velocityY = 0;
		}
		if (self.y <= topBorderY + self.shark.height * 0.5) {
			self.y = topBorderY + self.shark.height * 0.5;
			self.velocityY = 0;
		}
		// Update logic for Baby Shark
		if (isDebug) {
			debugTxt.setText("Level: ".concat(sharkLevel) + " / h:" + self.currentHeight.toFixed(0) + " / Progress: " + progressBar.x + " / x=" + self.x);
		}
		self.animate();
	};
	self.grow = function () {
		self.currentHeight += 50;
		self.currentHeight += sharkLevel > 6 ? 25 : 0;
		self.currentHeight += sharkLevel > 8 ? 50 : 0;
		self.currentWidth = self.currentHeight * self.widthRatio;
		self.shark.width = self.currentHeight * self.widthRatio;
		self.shark.height = self.currentHeight;
		//self.collisionBody.width = self.height / 2;
		//self.collisionBody.height = self.height / 2;
		self.collisionBody.width = self.currentWidth * 0.45;
		self.collisionBody.height = self.currentWidth * 0.45;
		self.collisionBody.x = self.shark.width * 0.25;
		self.collisionBody.y = self.height * 0.05;
		self.bones.width = self.shark.width;
		self.bones.height = self.shark.height;
		self.x -= 15;
		//self.shark.x -= 15;
		//self.collisionBody.x -= 15;
	};
	self.animate = function () {
		// Simulate swimming by moving the shark up and down
		var swimAmplitude = 5; // Amplitude of the swimming motion
		var swimFrequency = 0.1; // Frequency of the swimming motion
		self.shark.y = Math.sin(LK.ticks * swimFrequency) * swimAmplitude;
		// Simulate swimming by changing the width and height slightly
		var sizeAmplitude = 0.05; // Amplitude of the size change
		self.shark.width = self.currentWidth * (1 + sizeAmplitude * Math.sin(LK.ticks * swimFrequency));
		self.shark.height = self.currentHeight * (1 + sizeAmplitude * Math.cos(LK.ticks * swimFrequency));
	};
});
var CurrentTarget = Container.expand(function () {
	var self = Container.call(this);
	self.target = null;
	self.updateTarget = function (fishType) {
		if (self.target) {
			self.target.destroy();
		}
		self.target = self.attachAsset('fish' + fishType, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		// Calculate aspect ratio
		var aspectRatio = self.target.width / self.target.height;
		// Limit size within 200x100 while keeping aspect ratio
		if (self.target.width > 200 || self.target.height > 100) {
			if (aspectRatio > 2) {
				self.target.width = 200;
				self.target.height = 200 / aspectRatio;
			} else {
				self.target.height = 100;
				self.target.width = 100 * aspectRatio;
			}
		}
		self.target.x = 2048 - 100;
		self.target.y = 50;
	};
});
// Fish class
var Fish = Container.expand(function (fishType) {
	var self = Container.call(this);
	self.fishType = fishType;
	self.isEaten = false;
	self.fish = self.attachAsset('fish' + fishType, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.collisionBody = self.attachAsset('collisionBody', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: isDebug ? 0.7 : 0,
		x: -self.fish.width * 0.25,
		width: self.fish.height * 0.75,
		height: self.fish.height * 0.75
	});
	self.fishBones = self.attachAsset('fishBones', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: self.fish.width,
		height: self.fish.height,
		alpha: 0
	});
	self.speed = 5 + sharkLevel * 1.5;
	self.fleeOffset = 512 + 100 * self.fishType;
	self.update = function () {
		if (!isPlaying) {
			return;
		}
		if (self.fishType <= sharkLevel && Math.abs(self.x - babyShark.x) <= self.fleeOffset && Math.abs(self.y - babyShark.y) <= self.fleeOffset) {
			self.y += self.y > babyShark.y ? self.speed : -self.speed; // Move away vertically in the opposite y direction to the shark
			if (self.y > 2732 - self.fish.height * 0.5) {
				self.y = 2732 - self.fish.height * 0.5;
			}
			if (self.y < topBorderY + self.fish.height * 0.5) {
				self.y = topBorderY + self.fish.height * 0.5;
			}
		}
		self.x -= self.speed;
		if (self.x < -self.width || self.y < -self.height || self.y > 2732 + self.height) {
			self.destroy();
		}
		self.animate();
	};
	self.animate = function () {
		// Simulate swimming by moving the fish up and down
		var swimAmplitude = 2; // Further reduced amplitude of the swimming motion
		var swimFrequency = 0.2; // Frequency of the swimming motion
		self.fish.y = Math.sin(LK.ticks * swimFrequency) * swimAmplitude;
		// Simulate swimming by changing the width and height slightly
		var sizeAmplitude = 0.01; // Further reduced amplitude of the size change
		self.fish.width = self.fish.width * (1 + sizeAmplitude * Math.sin(LK.ticks * swimFrequency));
		self.fish.height = self.fish.height * (1 + sizeAmplitude * Math.cos(LK.ticks * swimFrequency));
	};
	self.eaten = function (index) {
		self.fish.alpha = 0;
		self.isEaten = true;
		self.fishBones.alpha = 1;
		self.speed = 10; // Set a speed for the falling animation
		self.update = function () {
			self.y += self.speed;
			self.fishBones.rotation = Math.max(self.fishBones.rotation - 0.05, -Math.PI / 2); // Rotate progressively but limit to pi/2
			if (self.y > 2732 + self.fish.width) {
				self.destroy();
				fishes.splice(index, 1);
			}
		};
	};
});
var ProgressBar = Container.expand(function () {
	var self = Container.call(this);
	// Create the frame of the progress bar
	self.frame = self.attachAsset('progressFrame', {
		anchorX: 0,
		anchorY: 0.5,
		alpha: 0.8
	});
	// Create the bar itself
	self.bar = self.attachAsset('progressBar', {
		anchorX: 0,
		anchorY: 0.5,
		alpha: 0.8,
		width: 0
		// Initial width is 0
		//height: self.frame.height
	});
	// Method to update the progress bar
	self.updateProgress = function (progress, maxProgress) {
		var newWidth = progress % maxProgress / maxProgress * self.frame.width;
		self.bar.width = newWidth;
	};
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x0000ff // Init game with blue background
});

/**** 
* Game Code
****/ 
// Global variable declarations
var bgMusic;
var crunchSound = LK.getSound('crunch');
var topBorderY = 250;
var babyShark;
var nbFishTypes = 10;
var fishes = [];
var score;
var scoreTxt;
var currentProgressTxt;
var debugTxt;
var isDebug = false; // Global variable for debugging mode
var isPlaying = false; // Global variable to track if the game is currently playing
var gameEnded = false; // Global variable to track if the game has ended
var sharkLevel = 1;
var currentProgress = 0;
var progressBar;
var lastCollisionCheckTimeFish1 = 0; // Global variable to track the last collision check time for Fish1
var collisionCheckDelay = 128; // Global variable for collision check delay in milliseconds
var background1;
var lastCollisionCheckTime = 0; // Global variable to track the last collision check time for fishes;
var nbFishPerLevel = 10; // Global variable for the number of fish per level
var startButton; // Declare startButton as a global variable
function spawnFish(fishType) {
	if (fishType > nbFishTypes) {
		fishType = nbFishTypes;
	}
	var fish = new Fish(fishType);
	fish.x = 2048 + fish.width;
	fish.y = Math.random() * (2732 - topBorderY - fish.height) + topBorderY + fish.height / 2;
	fishes.push(fish);
	game.addChild(fish);
}
function checkCollision(obj1, obj2) {
	// Calculate the center positions of the collision bodies
	var obj1CenterX = obj1.x + obj1.collisionBody.x;
	var obj1CenterY = obj1.y + obj1.collisionBody.y;
	var obj2CenterX = obj2.x + obj2.collisionBody.x;
	var obj2CenterY = obj2.y + obj2.collisionBody.y;
	// Calculate the distance between the centers
	var dx = obj1CenterX - obj2CenterX;
	var dy = obj1CenterY - obj2CenterY;
	var distance = Math.sqrt(dx * dx + dy * dy);
	// Calculate the sum of the radii
	var obj1Radius = obj1.collisionBody.width / 2;
	var obj2Radius = obj2.collisionBody.width / 2;
	var sumRadii = obj1Radius + obj2Radius;
	// Return true if the distance is less than the sum of the radii
	return distance < sumRadii;
}
function spawnFishes() {
	if (LK.ticks % 120 == 0) {
		spawnFish(sharkLevel);
	}
	if (LK.ticks % 360 == 0) {
		spawnFish(sharkLevel + 1);
	}
	if (LK.ticks % 1200 == 0) {
		var randomFishType = Math.floor(Math.random() * (nbFishTypes - (sharkLevel + 2) + 1)) + (sharkLevel + 2);
		spawnFish(randomFishType);
	}
}
function updateFishCollisions() {
	var currentTime = Date.now();
	if (currentTime - lastCollisionCheckTime < collisionCheckDelay) {
		return;
	}
	lastCollisionCheckTime = currentTime;
	var offset = babyShark.shark.width * 1.5; // Define the x offset range based on baby shark's width
	for (var i = fishes.length - 1; i >= 0; i--) {
		if (Math.abs(babyShark.x - fishes[i].x) > offset) {
			continue; // Skip fishes outside the x offset range
		}
		if (!fishes[i].isEaten && checkCollision(babyShark, fishes[i])) {
			// Play crunch sound
			crunchSound.play();
			if (fishes[i].fishType <= sharkLevel) {
				// Baby shark eats the fish
				score += fishes[i].fishType * 10;
				scoreTxt.setText(score);
				currentProgress += 1;
				currentProgressTxt.setText(currentProgress + "/" + nbFishPerLevel);
				progressBar.updateProgress(currentProgress, nbFishPerLevel);
				if (currentProgress >= nbFishPerLevel) {
					sharkLevel += 1;
					currentProgress = 0;
					babyShark.grow();
					currentTarget.updateTarget(sharkLevel);
					LK.getSound('levelUp').play(); // Play level up sound
					if (sharkLevel > 5) {
						nbFishPerLevel -= 1;
					}
					if (sharkLevel > nbFishTypes) {
						LK.setScore(score);
						LK.getSound('lose').play();
						LK.setTimeout(function () {
							LK.showGameOver();
						}, 1500);
					}
					LK.setTimeout(function () {
						currentProgressTxt.setText(currentProgress + "/" + nbFishPerLevel);
					}, 1000);
				}
				fishes[i].eaten(i);
			} else {
				// Baby shark gets eaten
				crunchSound.stop(); // Stop crunch sound
				LK.effects.flashScreen(0xff0000, 1000);
				LK.setScore(score);
				isPlaying = false;
				gameEnded = true;
				LK.stopMusic();
				babyShark.shark.alpha = 0; // Set shark alpha to 0
				babyShark.bones.alpha = 1; // Set bones alpha to 1
				LK.getSound('lose').play();
				LK.setTimeout(function () {
					LK.showGameOver();
				}, 1500);
			}
			return;
		}
	}
}
function updateBackgrounds() {
	background1.x -= 2;
	background2.x -= 2;
	if (background1.x <= -2732 / 2) {
		background1.x = 2732 + 2732 / 2;
	}
	if (background2.x <= -2732 / 2) {
		background2.x = 2732 + 2732 / 2;
	}
}
function gameInitialize() {
	background1 = LK.getAsset('background', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2732 / 2,
		y: 2732 / 2
	});
	background2 = LK.getAsset('background2', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2732 + 2732 / 2,
		y: 2732 / 2
	});
	game.addChild(background1);
	game.addChild(background2);
	// Add banner asset after the backgrounds
	var banner = LK.getAsset('banner', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 125 // Position the banner at the top of the screen
	});
	game.addChild(banner);
	// Add start button asset
	startButton = LK.getAsset('startButton', {
		anchorX: 0.5,
		anchorY: 0.5,
		x: 2048 / 2,
		y: 2732 / 2 // Position the start button at the center of the screen
	});
	game.addChild(startButton);
	currentTarget = game.addChild(new CurrentTarget());
	currentTarget.updateTarget(1); // Initialize with the first fish type
	currentTarget.visible = false; // Set currentTarget to be invisible initially
	progressBar = new ProgressBar();
	progressBar.x = 0;
	progressBar.y = 250;
	game.addChild(progressBar);
	babyShark = game.addChild(new BabyShark());
	babyShark.visible = false;
	babyShark.x = 150;
	babyShark.y = 2732 / 2;
	babyShark.velocityY = 0;
	babyShark.collisionBody.visible = isDebug; // Show collision body if debugging
	// for debug
	for (var i = 1; i <= sharkLevel; i++) {
		babyShark.grow();
	}
	fish1s = [];
	fish2s = [];
	score = 0;
	scoreTxt = new Text2('0', {
		size: 130,
		fill: 0xFFFFFF,
		dropShadow: true,
		dropShadowColor: 0x000000,
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	scoreTxt.anchor.set(0.5, 0);
	scoreTxt.visible = false; // Set score to be invisible initially
	LK.gui.top.addChild(scoreTxt);
	currentProgress = 0;
	currentProgressTxt = new Text2('0/10', {
		size: 80,
		fill: 0xFFFFFF,
		dropShadow: true,
		dropShadowColor: 0x000000,
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	currentProgressTxt.anchor.set(1, -0.7);
	currentProgressTxt.visible = false; // Set currentProgressTxt to be invisible initially
	LK.gui.topRight.addChild(currentProgressTxt);
	debugTxt = new Text2(isDebug ? 'Debug Mode' : '', {
		size: 50,
		fill: 0xFF0000,
		dropShadow: true,
		dropShadowColor: 0x000000,
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	debugTxt.anchor.set(0.5, 1);
	LK.gui.bottom.addChild(debugTxt);
}
game.down = function (x, y, obj) {
	if (!isPlaying) {
		game.removeChild(startButton);
		isPlaying = true;
		babyShark.visible = true;
		currentTarget.visible = true;
		scoreTxt.visible = true; // Make score visible when game starts
		currentProgressTxt.visible = true; // Make currentProgressTxt visible when game starts
	}
	if (gameEnded) {
		return;
	}
	babyShark.velocityY = -20;
	LK.getSound('jump').play();
};
game.update = function () {
	if (!isPlaying) {
		return;
	}
	updateBackgrounds();
	spawnFishes();
	updateFishCollisions();
};
gameInitialize();
// Start background music
LK.playMusic('bgMusic');

===================================================================
--- original.js
+++ change.js
@@ -214,19 +214,10 @@
 
 /**** 
 * Game Code
 ****/ 
-function loopBgMusic() {
-	// This function will handle looping background music
-	var currentTime = Date.now();
-	if (currentTime - lastBgMusicPlayTime >= 10000) {
-		// 10 seconds interval
-		bgMusic.play();
-		lastBgMusicPlayTime = currentTime;
-	}
-}
 // Global variable declarations
-var bgMusic = LK.getSound('bgMusic');
+var bgMusic;
 var crunchSound = LK.getSound('crunch');
 var topBorderY = 250;
 var babyShark;
 var nbFishTypes = 10;
@@ -245,9 +236,8 @@
 var collisionCheckDelay = 128; // Global variable for collision check delay in milliseconds
 var background1;
 var lastCollisionCheckTime = 0; // Global variable to track the last collision check time for fishes;
 var nbFishPerLevel = 10; // Global variable for the number of fish per level
-var lastBgMusicPlayTime = 0; // Global variable to track the last background music play time
 var startButton; // Declare startButton as a global variable
 function spawnFish(fishType) {
 	if (fishType > nbFishTypes) {
 		fishType = nbFishTypes;
@@ -335,9 +325,9 @@
 				LK.effects.flashScreen(0xff0000, 1000);
 				LK.setScore(score);
 				isPlaying = false;
 				gameEnded = true;
-				bgMusic.stop();
+				LK.stopMusic();
 				babyShark.shark.alpha = 0; // Set shark alpha to 0
 				babyShark.bones.alpha = 1; // Set bones alpha to 1
 				LK.getSound('lose').play();
 				LK.setTimeout(function () {
@@ -410,11 +400,11 @@
 	fish2s = [];
 	score = 0;
 	scoreTxt = new Text2('0', {
 		size: 130,
-		fill: "#ffffff",
+		fill: 0xFFFFFF,
 		dropShadow: true,
-		dropShadowColor: "#000000",
+		dropShadowColor: 0x000000,
 		dropShadowBlur: 4,
 		dropShadowDistance: 6
 	});
 	scoreTxt.anchor.set(0.5, 0);
@@ -422,22 +412,22 @@
 	LK.gui.top.addChild(scoreTxt);
 	currentProgress = 0;
 	currentProgressTxt = new Text2('0/10', {
 		size: 80,
-		fill: "#ffffff",
+		fill: 0xFFFFFF,
 		dropShadow: true,
-		dropShadowColor: "#000000",
+		dropShadowColor: 0x000000,
 		dropShadowBlur: 4,
 		dropShadowDistance: 6
 	});
 	currentProgressTxt.anchor.set(1, -0.7);
 	currentProgressTxt.visible = false; // Set currentProgressTxt to be invisible initially
 	LK.gui.topRight.addChild(currentProgressTxt);
 	debugTxt = new Text2(isDebug ? 'Debug Mode' : '', {
 		size: 50,
-		fill: "#ff0000",
+		fill: 0xFF0000,
 		dropShadow: true,
-		dropShadowColor: "#000000",
+		dropShadowColor: 0x000000,
 		dropShadowBlur: 4,
 		dropShadowDistance: 6
 	});
 	debugTxt.anchor.set(0.5, 1);
@@ -464,7 +454,8 @@
 	}
 	updateBackgrounds();
 	spawnFishes();
 	updateFishCollisions();
-	loopBgMusic();
 };
-gameInitialize();
\ No newline at end of file
+gameInitialize();
+// Start background music
+LK.playMusic('bgMusic');
\ No newline at end of file