/**** 
* 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 = 200; // Initialize currentSize property
	self.heightRatio = 124 / 200; // Define height ratio property
	self.speed = 10;
	self.velocityY = 0;
	var sharkGraphics = self.attachAsset('babyShark', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.collisionBody = self.attachAsset('collisionBody', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.7,
		x: sharkGraphics.width / 3,
		width: 62,
		height: 62
	});
	self.update = function () {
		self.velocityY += 0.4; // Further reduced gravity effect
		self.y += self.velocityY;
		if (self.y > 2732 - self.height / 2) {
			self.y = 2732 - self.height / 2;
			self.velocityY = 0;
		}
		if (self.y < self.height / 2) {
			self.y = self.height / 2;
			self.velocityY = 0;
		}
		// Update logic for Baby Shark
	};
	self.grow = function () {
		self.currentWidth += 50;
		self.width = self.currentWidth;
		self.height = self.currentWidth * self.heightRatio;
	};
});
// Fish1 class
var Fish1 = Container.expand(function () {
	var self = Container.call(this);
	var fishGraphics = self.attachAsset('fish1', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.collided = false;
	self.update = function () {
		self.x -= self.speed;
		if (self.x < -self.width) {
			self.destroy();
		}
	};
});
// Fish2 class
var Fish2 = Container.expand(function () {
	var self = Container.call(this);
	var fishGraphics = self.attachAsset('fish2', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 5;
	self.update = function () {
		self.x -= self.speed;
		if (self.x < -self.width) {
			self.destroy();
		}
	};
});

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

/**** 
* Game Code
****/ 
var isDebug = true; // Global variable for debugging mode
var sharkLevel = 1;
var currentProgress = 0;
function spawnFish() {
	if (LK.ticks % 60 == 0) {
		spawnSmallFish();
	}
	if (LK.ticks % 180 == 0) {
		spawnFish2();
	}
}
function updateFish2Collisions() {
	for (var j = fish2s.length - 1; j >= 0; j--) {
		if (babyShark.intersects(fish2s[j])) {
			if (fish2s[j].x - fish2s[j].width / 3 < babyShark.x) {
				// Bounce baby shark off the bigger fish
				babyShark.velocityY = -10;
				//babyShark.x -= 50; // Move baby shark back a bit
			} else {
				// Lose a life
				LK.effects.flashScreen(0xff0000, 1000);
				LK.showGameOver();
			}
		}
	}
}
function updateFish1Collisions() {
	var offset = 300; // Define the x offset range
	for (var i = fish1s.length - 1; i >= 0; i--) {
		if (Math.abs(babyShark.x - fish1s[i].x) > offset) {
			continue; // Skip fishes outside the x offset range
		}
		if (!fish1s[i].collided && babyShark.intersects(fish1s[i])) {
			fish1s[i].collided = true;
			score += 10;
			scoreTxt.setText(score);
			currentProgress += 1;
			currentProgressTxt.setText(currentProgress + "/10");
			if (currentProgress > 9) {
				sharkLevel += 1;
				currentProgress = 0;
				babyShark.grow();
			}
			fish1s[i].destroy();
			fish1s.splice(i, 1);
		}
	}
}
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;
	}
}
var background1;
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);
	babyShark = game.addChild(new BabyShark());
	babyShark.x = 150;
	babyShark.y = 2732 / 2;
	babyShark.velocityY = 0;
	babyShark.collisionBody.visible = isDebug; // Show collision body if debugging
	fish1s = [];
	fish2s = [];
	score = 0;
	scoreTxt = new Text2('0', {
		size: 100,
		fill: "#ffffff",
		dropShadow: true,
		dropShadowColor: "#000000",
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	scoreTxt.anchor.set(0.5, 0);
	LK.gui.top.addChild(scoreTxt);
	currentProgress = 0;
	currentProgressTxt = new Text2('0/10', {
		size: 100,
		fill: "#ffffff",
		dropShadow: true,
		dropShadowColor: "#000000",
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	currentProgressTxt.anchor.set(1, 0);
	LK.gui.topRight.addChild(currentProgressTxt);
}
//background2.scale.x = -1;
var babyShark;
var fish1s;
var fish2s;
var score;
var scoreTxt;
var currentProgressTxt;
function spawnSmallFish() {
	var smallFish = new Fish1();
	smallFish.x = 2048 + 50;
	smallFish.y = Math.random() * (2732 - smallFish.height) + smallFish.height / 2;
	fish1s.push(smallFish);
	game.addChild(smallFish);
}
function spawnFish2() {
	var fish2 = new Fish2();
	fish2.x = 2048 + 50;
	fish2.y = Math.random() * (2732 - fish2.height) + fish2.height / 2;
	fish2s.push(fish2);
	game.addChild(fish2);
}
game.down = function (x, y, obj) {
	babyShark.velocityY = -20;
};
game.update = function () {
	updateBackgrounds();
	updateFish1Collisions();
	updateFish2Collisions();
	spawnFish();
};
gameInitialize();

===================================================================
--- original.js
+++ change.js
@@ -4,9 +4,9 @@
 //<Assets used in the game will automatically appear here>
 // Baby Shark class
 var BabyShark = Container.expand(function () {
 	var self = Container.call(this);
-	self.currentSize = 1; // Initialize currentSize property
+	self.currentWidth = 200; // Initialize currentSize property
 	self.heightRatio = 124 / 200; // Define height ratio property
 	self.speed = 10;
 	self.velocityY = 0;
 	var sharkGraphics = self.attachAsset('babyShark', {
@@ -15,11 +15,12 @@
 	});
 	self.collisionBody = self.attachAsset('collisionBody', {
 		anchorX: 0.5,
 		anchorY: 0.5,
+		alpha: 0.7,
 		x: sharkGraphics.width / 3,
-		width: 90,
-		height: 90
+		width: 62,
+		height: 62
 	});
 	self.update = function () {
 		self.velocityY += 0.4; // Further reduced gravity effect
 		self.y += self.velocityY;
@@ -33,10 +34,11 @@
 		}
 		// Update logic for Baby Shark
 	};
 	self.grow = function () {
-		self.width += 50;
-		self.height += 50;
+		self.currentWidth += 50;
+		self.width = self.currentWidth;
+		self.height = self.currentWidth * self.heightRatio;
 	};
 });
 // Fish1 class
 var Fish1 = Container.expand(function () {