===================================================================
--- original.js
+++ change.js
@@ -41,11 +41,12 @@
 	// Set bubble speed
 	self.speed = -2;
 	// This is automatically called every game tick, if the bubble is attached!
 	self.update = function () {
-		// Move the bubble upwards and sideways
-		self.y += self.speed;
-		self.x += Math.sin(LK.ticks / 10) * 0.1;
+		// Move the bubble based on joystick input
+		var direction = joystick.getDirection();
+		self.x += direction.x * 5;
+		self.y += direction.y * 5;
 		// Reset the position of the bubble when it reaches the top
 		if (self.y <= 0) {
 			self.y = 2732;
 		}
@@ -112,8 +113,62 @@
 		}
 		self.rotation = self.movement;
 	};
 });
+// Joystick class
+var Joystick = Container.expand(function () {
+	var self = Container.call(this);
+	var joystickGraphics = self.attachAsset('shape', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		width: 150,
+		height: 150,
+		color: 0x00ff00,
+		shape: 'ellipse',
+		alpha: 0.5
+	});
+	var knob = self.attachAsset('shape', {
+		anchorX: 0.5,
+		anchorY: 0.5,
+		width: 50,
+		height: 50,
+		color: 0xff0000,
+		shape: 'ellipse',
+		alpha: 0.8
+	});
+	self.knob = knob;
+	self.isDragging = false;
+	self.down = function (x, y, obj) {
+		self.isDragging = true;
+		self.knob.x = x - self.x;
+		self.knob.y = y - self.y;
+	};
+	self.move = function (x, y, obj) {
+		if (self.isDragging) {
+			var dx = x - self.x;
+			var dy = y - self.y;
+			var distance = Math.sqrt(dx * dx + dy * dy);
+			var maxDistance = 50;
+			if (distance > maxDistance) {
+				dx = dx / distance * maxDistance;
+				dy = dy / distance * maxDistance;
+			}
+			self.knob.x = dx;
+			self.knob.y = dy;
+		}
+	};
+	self.up = function (x, y, obj) {
+		self.isDragging = false;
+		self.knob.x = 0;
+		self.knob.y = 0;
+	};
+	self.getDirection = function () {
+		return {
+			x: self.knob.x / 50,
+			y: self.knob.y / 50
+		};
+	};
+});
 // Obstacle1 class
 var Obstacle1 = Container.expand(function () {
 	var self = Container.call(this);
 	var obstacle1Graphics = self.attachAsset('obstacle1', {
@@ -431,8 +486,12 @@
 var shield = game.addChildAt(new Shield(), game.children.length);
 // Position the shield at the center of the screen
 shield.x = 2048 / 2;
 shield.y = 2732 / 2;
+// Create a joystick instance
+var joystick = game.addChild(new Joystick());
+joystick.x = 200;
+joystick.y = 2532; // Position joystick at the bottom left of the screen
 // Create a diver instance
 var dragNode = null;
 var diver = new Diver();
 diver.depth = 2;