/**** 
* Classes
****/ 
// Fish class
var Fish = Container.expand(function () {
	var self = Container.call(this);
	var fishGraphics = self.attachAsset('fish', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Fish movement logic goes here
	};
});
// Joystick class
var Joystick = Container.expand(function () {
	var self = Container.call(this);
	var joystickBase = self.attachAsset('joystickBase', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var joystickKnob = self.attachAsset('joystickKnob', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.knob = joystickKnob;
	self.base = joystickBase;
	self.update = function () {
		// Calculate the distance from the center of the joystick base
		var dx = x - self.base.x;
		var dy = y - self.base.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		// Limit the knob's movement to the joystick base's radius
		var maxDistance = self.base.width / 2;
		if (distance > maxDistance) {
			dx = dx / distance * maxDistance;
			dy = dy / distance * maxDistance;
		}
		// Update the knob's position
		self.knob.x = self.base.x + dx;
		self.knob.y = self.base.y + dy;
	};
	self.down = function (x, y, obj) {
		// Set the initial position of the knob to the touch point
		self.knob.x = x;
		self.knob.y = y;
	};
	self.move = function (x, y, obj) {
		// Calculate the distance from the center of the joystick base
		var dx = x - self.base.x;
		var dy = y - self.base.y;
		var distance = Math.sqrt(dx * dx + dy * dy);
		// Limit the knob's movement to the joystick base's radius
		var maxDistance = self.base.width / 2;
		if (distance > maxDistance) {
			dx = dx / distance * maxDistance;
			dy = dy / distance * maxDistance;
		}
		// Update the knob's position
		self.knob.x = self.base.x + dx;
		self.knob.y = self.base.y + dy;
	};
	self.up = function (x, y, obj) {
		// Reset the knob to the center of the joystick base
		self.knob.x = self.base.x;
		self.knob.y = self.base.y;
	};
});
// Assets will be automatically created and loaded by the LK engine
// Shark class
var Shark = Container.expand(function () {
	var self = Container.call(this);
	var sharkGraphics = self.attachAsset('shark', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.update = function () {
		// Update shark position based on joystick input
		var dx = joystick.knob.x - joystick.base.x;
		var dy = joystick.knob.y - joystick.base.y;
		self.x += dx * 0.1; // Adjust speed as necessary
		self.y += dy * 0.1; // Adjust speed as necessary
	};
});

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

/**** 
* Game Code
****/ 
// Initialize shark, fish arrays, and joystick
var sharks = [];
var fishes = [];
var joystick = game.addChild(new Joystick());
joystick.x = 100; // Position joystick in the bottom-left corner
joystick.y = 2632; // Adjusted to be near the bottom of the screen
// Create the player's shark
var playerShark = game.addChild(new Shark());
playerShark.x = 2048 / 2; // Position the shark in the middle of the screen
playerShark.y = 2732 / 2;
// Create fishes
for (var i = 0; i < 10; i++) {
	var fish = game.addChild(new Fish());
	fish.x = Math.random() * 2048; // Random position for the fish
	fish.y = Math.random() * 2732;
	fishes.push(fish);
}
// Game update function
game.update = function () {
	// Check for collisions between the shark and the fishes
	for (var i = fishes.length - 1; i >= 0; i--) {
		if (playerShark.intersects(fishes[i])) {
			// Remove the fish from the game and the fishes array
			fishes[i].destroy();
			fishes.splice(i, 1);
		}
	}
};

===================================================================
--- original.js
+++ change.js
@@ -25,18 +25,46 @@
 	});
 	self.knob = joystickKnob;
 	self.base = joystickBase;
 	self.update = function () {
-		// Joystick logic goes here
+		// Calculate the distance from the center of the joystick base
+		var dx = x - self.base.x;
+		var dy = y - self.base.y;
+		var distance = Math.sqrt(dx * dx + dy * dy);
+		// Limit the knob's movement to the joystick base's radius
+		var maxDistance = self.base.width / 2;
+		if (distance > maxDistance) {
+			dx = dx / distance * maxDistance;
+			dy = dy / distance * maxDistance;
+		}
+		// Update the knob's position
+		self.knob.x = self.base.x + dx;
+		self.knob.y = self.base.y + dy;
 	};
 	self.down = function (x, y, obj) {
-		// Handle joystick press
+		// Set the initial position of the knob to the touch point
+		self.knob.x = x;
+		self.knob.y = y;
 	};
 	self.move = function (x, y, obj) {
-		// Handle joystick movement
+		// Calculate the distance from the center of the joystick base
+		var dx = x - self.base.x;
+		var dy = y - self.base.y;
+		var distance = Math.sqrt(dx * dx + dy * dy);
+		// Limit the knob's movement to the joystick base's radius
+		var maxDistance = self.base.width / 2;
+		if (distance > maxDistance) {
+			dx = dx / distance * maxDistance;
+			dy = dy / distance * maxDistance;
+		}
+		// Update the knob's position
+		self.knob.x = self.base.x + dx;
+		self.knob.y = self.base.y + dy;
 	};
 	self.up = function (x, y, obj) {
-		// Handle joystick release
+		// Reset the knob to the center of the joystick base
+		self.knob.x = self.base.x;
+		self.knob.y = self.base.y;
 	};
 });
 // Assets will be automatically created and loaded by the LK engine
 // Shark class