/**** 
* 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.0 / 200; // Define height ratio property
	self.speed = 10;
	self.velocityY = 0;
	self.shark = self.attachAsset('babyShark', {
		anchorX: 0.5,
		anchorY: 0.5,
		width: self.currentWidth,
		height: self.currentWidth * self.heightRatio
	});
	self.collisionBody = self.attachAsset('collisionBody', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0.7,
		x: self.currentWidth * 0.25,
		y: 10,
		width: 50,
		height: 50
	});
	self.update = function () {
		self.velocityY += 0.4; // Further reduced gravity effect
		self.y += self.velocityY;
		if (self.y >= 2732 - self.shark.height) {
			self.y = 2732 - self.shark.height;
			self.velocityY = 0;
		}
		if (self.y <= self.shark.height) {
			self.y = self.shark.height;
			self.velocityY = 0;
		}
		// Update logic for Baby Shark
		if (isDebug) {
			debugTxt.setText("Y: ".concat(self.y.toFixed(0), ", Height: ").concat(self.shark.height));
		}
	};
	self.grow = function () {
		self.currentWidth += 50;
		self.shark.width = self.currentWidth;
		self.shark.height = self.currentWidth * self.heightRatio;
		//self.collisionBody.width = self.height / 2;
		//self.collisionBody.height = self.height / 2;
		self.collisionBody.width = self.currentWidth * 0.5;
		self.collisionBody.height = self.currentWidth * 0.5;
		self.collisionBody.x = self.shark.width * 0.25;
		//self.collisionBody.y = self.height * 0.05;
	};
});
// 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;
var lastCollisionCheckTime = 0; // Global variable to track the last collision check time
var collisionCheckDelay = 1000; // Global variable for collision check delay in milliseconds
function spawnFish() {
	if (LK.ticks % 60 == 0) {
		spawnSmallFish();
	}
	if (LK.ticks % 180 == 0) {
		spawnFish2();
	}
}
function updateFish2Collisions() {
	var currentTime = Date.now();
	if (currentTime - lastCollisionCheckTime < collisionCheckDelay) {
		return;
	}
	lastCollisionCheckTime = currentTime;
	for (var j = fish2s.length - 1; j >= 0; j--) {
		if (babyShark.collisionBody.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 currentTime = Date.now();
	if (currentTime - lastCollisionCheckTime < collisionCheckDelay) {
		return;
	}
	lastCollisionCheckTime = currentTime;
	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 (babyShark.collisionBody.intersects(fish1s[i])) {
			score += 10;
			scoreTxt.setText(score);
			currentProgress += 1;
			currentProgressTxt.setText(currentProgress + "/10");
			if (currentProgress > 1) {
				sharkLevel += 1;
				currentProgress = 0;
				babyShark.grow();
			}
			fish1s[i].destroy();
			fish1s.splice(i, 1);
			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;
	}
}
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);
	debugTxt = new Text2('Debug Mode', {
		size: 50,
		fill: "#ff0000",
		dropShadow: true,
		dropShadowColor: "#000000",
		dropShadowBlur: 4,
		dropShadowDistance: 6
	});
	debugTxt.anchor.set(0.5, 1);
	LK.gui.bottom.addChild(debugTxt);
}
//background2.scale.x = -1;
var babyShark;
var fish1s;
var fish2s;
var score;
var scoreTxt;
var currentProgressTxt;
var debugTxt;
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
@@ -18,9 +18,9 @@
 	self.collisionBody = self.attachAsset('collisionBody', {
 		anchorX: 0.5,
 		anchorY: 0.5,
 		alpha: 0.7,
-		x: 50,
+		x: self.currentWidth * 0.25,
 		y: 10,
 		width: 50,
 		height: 50
 	});
@@ -45,11 +45,11 @@
 		self.shark.width = self.currentWidth;
 		self.shark.height = self.currentWidth * self.heightRatio;
 		//self.collisionBody.width = self.height / 2;
 		//self.collisionBody.height = self.height / 2;
-		self.collisionBody.width = self.currentWidth * 0.25;
-		self.collisionBody.height = self.currentWidth * 0.25;
-		self.collisionBody.x = self.shark.width * 0.15;
+		self.collisionBody.width = self.currentWidth * 0.5;
+		self.collisionBody.height = self.currentWidth * 0.5;
+		self.collisionBody.x = self.shark.width * 0.25;
 		//self.collisionBody.y = self.height * 0.05;
 	};
 });
 // Fish1 class