/**** 
* Classes
****/ 
// EnemyShip Class: Represents an enemy spacecraft.
var EnemyShip = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('enemyShipSprite', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 4; // Pixels per frame, moving downwards. Can be varied for difficulty.
	// Called automatically by LK engine if the instance is added to the game stage.
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// For when the player's ship is destroyed
// No plugins are explicitly required for this MVP of Starship Onslaught.
// Joystick Class: Handles touch input for player movement.
var Joystick = Container.expand(function (params) {
	var self = Container.call(this);
	params = params || {};
	self.base = self.attachAsset('joystickBaseSprite', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.knob = self.attachAsset('joystickKnobSprite', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Calculate radius: if params.radius is provided, use it. Otherwise, calculate based on asset sizes.
	// This makes the knob's travel area fit within the base.
	self.radius = params.radius !== undefined ? params.radius : (self.base.width - self.knob.width) / 2;
	self.active = false;
	self.knobXNormalized = 0; // Normalized displacement (-1 to 1)
	self.knobYNormalized = 0; // Normalized displacement (-1 to 1)
	// Method called when a touch starts, joystick moves to this position
	self.onDown = function (globalX, globalY) {
		// event param removed, x/y renamed for clarity
		// Position the joystick's center at the touch point.
		// (self.x, self.y refers to the Joystick container's center based on asset setup)
		self.x = globalX;
		self.y = globalY;
		self.active = true;
		// The touch is at the new center of the joystick.
		// The knob should be centered on the base initially.
		self.resetKnob(); // This sets knob local x/y to 0 and normalized displacement to 0.
		// No return value needed as game.down will assume joystick is now the dragNode.
	};
	// Method called when the touch moves while joystick is active
	self.onMove = function (x, y, event) {
		if (!self.active) return;
		var localPos = self.toLocal({
			x: x,
			y: y
		});
		self.updateKnobPosition(localPos.x, localPos.y);
	};
	// Method called when the touch is released
	self.onUp = function () {
		if (!self.active) return;
		self.active = false;
		self.resetKnob();
	};
	// Internal method to update the knob's visual position and normalized displacement
	self.updateKnobPosition = function (localX, localY) {
		var angle = Math.atan2(localY, localX);
		var distance = Math.sqrt(localX * localX + localY * localY);
		// Clamp knob movement to the defined radius
		var clampedDistance = Math.min(distance, self.radius);
		self.knob.x = Math.cos(angle) * clampedDistance;
		self.knob.y = Math.sin(angle) * clampedDistance;
		// Store normalized displacement if radius is greater than zero
		if (self.radius > 0) {
			self.knobXNormalized = self.knob.x / self.radius;
			self.knobYNormalized = self.knob.y / self.radius;
		} else {
			self.knobXNormalized = 0;
			self.knobYNormalized = 0;
		}
	};
	// Resets the knob to the center and clears displacement
	self.resetKnob = function () {
		self.knob.x = 0;
		self.knob.y = 0;
		self.knobXNormalized = 0;
		self.knobYNormalized = 0;
	};
	// Returns the current normalized displacement vector
	self.getDisplacement = function () {
		// Return zero displacement if not active, to prevent unwanted movement
		// when touch is released but game loop queries displacement before onUp is fully processed.
		if (!self.active) {
			return {
				dx: 0,
				dy: 0
			};
		}
		return {
			dx: self.knobXNormalized,
			dy: self.knobYNormalized
		};
	};
	// Initialize knob position
	self.resetKnob();
	return self;
});
// PlayerBullet Class: Represents bullets fired by the player.
var PlayerBullet = Container.expand(function () {
	var self = Container.call(this);
	self.attachAsset('playerBulletSprite', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = -15; // Pixels per frame, negative for moving upwards.
	// Called automatically by LK engine.
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
// PlayerShip Class: Represents the player's controllable starship.
var PlayerShip = Container.expand(function () {
	var self = Container.call(this);
	// Attach the visual asset for the player's ship.
	// The asset is anchored by its center within the container.
	// The container's (self) x,y coordinates remain its top-left.
	self.attachAsset('playerShipSprite', {
		anchorX: 0.5,
		anchorY: 0.5
		// The graphic's local position is set to be the center of the container,
		// assuming the container's width/height match the sprite's dimensions.
		// This is implicitly handled if the container sizes to its children.
		// For an 80x100 sprite, this places its center at container's (40,50).
		// However, standard behavior for attachAsset might be that the child is added at (0,0) locally,
		// and anchorX/Y refers to the texture anchor. So the visual sprite is centered around (0,0) of PlayerShip's local space.
		// The container will automatically size based on its children. If the sprite is 80x100,
		// centered at local (0,0), its bounds are -40 to +40 (x) and -50 to +50 (y).
		// This means player.width and player.height would be 80 and 100, and player.x/y refers to its visual center.
		// Let's stick to LK example: anchorX/Y for the *asset*, container x/y is top-left.
		// The asset child will be added at (0,0) in container space. If its own anchor is 0.5,0.5,
		// its visual center is at its (0,0) local position.
		// The container's width/height will be that of the asset.
		// Thus, player.x, player.y means the top-left of the bounding box of the player ship.
	});
	// Player movement and shooting are handled in the main game logic.
	return self;
});

/**** 
* Initialize Game
****/ 
// Create the game instance with a dark space-like background.
var game = new LK.Game({
	backgroundColor: 0x0A0A20 // Dark blue, almost black
});

/**** 
* Game Code
****/ 
// Define game-wide constants
// Initialize assets used in this game.
// Player's starship
// Enemy spacecraft
// Player's bullets
// Sound effects
var PLAYER_SHOOT_INTERVAL_TICKS = 25; // Player shoots roughly every 0.4 seconds (60/25)
var ENEMY_SPAWN_INTERVAL_TICKS = 75; // New enemy spawns roughly every 1.25 seconds (60/75)
var PLAYER_MOVE_SPEED = 8; // Speed of the player ship when controlled by joystick
var GAME_WIDTH = 2048;
var GAME_HEIGHT = 2732;
// Declare game state variables
var player;
var enemies = [];
var playerBullets = [];
var scoreTxt;
var joystick; // Variable for the joystick controller
var dragNode = null; // To keep track of the active draggable object (joystick or other elements if any)
// Initialize and display the score
scoreTxt = new Text2('Score: 0', {
	// Added "Score: " prefix for clarity
	size: 80,
	// Readable size for mobile
	fill: 0xE0E0E0 // Light gray for score text
});
scoreTxt.anchor.set(0.5, 0); // Anchor to the horizontal center and vertical top of the text
// Position score display at the top-center of the GUI layer
LK.gui.top.addChild(scoreTxt);
scoreTxt.y = 30; // Provide some padding from the very top edge, clear of potential top-left menu icon
// Create and position the player's ship
player = new PlayerShip();
game.addChild(player);
// Set initial position: horizontally centered, towards the bottom of the screen.
// player.width/height are dimensions of the PlayerShip container, derived from its sprite.
// player.x, player.y refers to the top-left corner of the player ship container.
player.x = (GAME_WIDTH - player.width) / 2;
player.y = GAME_HEIGHT - player.height - 250; // Initial position higher up, joystick will be at bottom
// Create and position the joystick
// The Joystick class calculates its own default radius if not provided.
// An empty object {} is passed to ensure params is defined in the Joystick constructor.
joystick = new Joystick({});
game.addChild(joystick);
// Position the joystick at the bottom-center of the screen
// joystick.base.width will be available after attachAsset in Joystick constructor
// Assuming joystick container's (x,y) is its center due to how assets are centered within it.
// To make joystick.x, joystick.y refer to its center:
joystick.x = GAME_WIDTH / 2;
// Position its center a bit up from the bottom edge
joystick.y = GAME_HEIGHT - joystick.base.height / 2 - 80; // 80px padding from bottom
// Event handler for touch/mouse down
game.down = function (x, y, obj) {
	// Joystick always activates and moves its center to the touch position.
	joystick.onDown(x, y); // Pass global coordinates. The 'obj' (event object) is not used by the new Joystick.onDown.
	dragNode = joystick; // Joystick is the active drag target.
};
// Event handler for touch/mouse up
game.up = function (x, y, obj) {
	if (dragNode === joystick) {
		joystick.onUp(); // Deactivate the joystick
	}
	dragNode = null; // Clear the active drag target
};
// The old handleMove function is no longer needed as joystick handles movement logic.
// The assignment game.move = handleMove; is also removed.
// A new game.move will be defined next.
// Event handler for touch/mouse move
game.move = function (x, y, obj) {
	if (dragNode === joystick) {
		joystick.onMove(x, y, obj); // Pass move event to the joystick
	}
};
// Main game update loop, called every frame by the LK engine.
game.update = function () {
	// Player Movement Logic (based on joystick)
	if (player && joystick) {
		// Ensure player and joystick exist
		var displacement = joystick.getDisplacement(); // Get normalized joystick output
		if (displacement.dx !== 0 || displacement.dy !== 0) {
			var newPlayerX = player.x + displacement.dx * PLAYER_MOVE_SPEED;
			var newPlayerY = player.y + displacement.dy * PLAYER_MOVE_SPEED;
			// Constrain player ship within screen boundaries.
			// Player's x, y is its top-left corner.
			player.x = Math.max(0, Math.min(GAME_WIDTH - player.width, newPlayerX));
			// Ensure player does not go into the joystick area or too high (optional restriction)
			// For now, allow full vertical movement within screen bounds.
			// The top 100px are reserved for LK GUI.
			player.y = Math.max(100, Math.min(GAME_HEIGHT - player.height, newPlayerY));
		}
	}
	// Player Shooting Logic
	if (LK.ticks % PLAYER_SHOOT_INTERVAL_TICKS === 0 && player) {
		// Added null check for player
		var bulletLeft = new PlayerBullet();
		var bulletRight = new PlayerBullet();
		// Calculate common Y position for bullets (centered vertically on player ship)
		// This makes the bullet's vertical center align with the player ship's vertical center.
		var bulletSpawnY = player.y + player.height / 2 - bulletLeft.height / 2; // Assuming bulletLeft and bulletRight have same height
		// Define horizontal offset for cannons from the player's center
		// Increased offset to move cannons further from ship center (left point moves left, right point moves right).
		var cannonHorizontalOffset = player.width * 0.15; // Adjusted from 0.10 to 0.15
		// Player's horizontal center
		var playerCenterX = player.x + player.width / 2;
		// Position for the left bullet
		// Spawn X: Player's center X - offset - half bullet width (to center the bullet on the spawn point)
		bulletLeft.x = playerCenterX - cannonHorizontalOffset - bulletLeft.width / 2;
		bulletLeft.y = bulletSpawnY;
		bulletLeft.lastY = bulletLeft.y; // Initialize for off-screen transition detection
		// Position for the right bullet
		// Spawn X: Player's center X + offset - half bullet width
		bulletRight.x = playerCenterX + cannonHorizontalOffset - bulletRight.width / 2;
		bulletRight.y = bulletSpawnY;
		bulletRight.lastY = bulletRight.y; // Initialize for off-screen transition detection
		playerBullets.push(bulletLeft);
		game.addChild(bulletLeft);
		playerBullets.push(bulletRight);
		game.addChild(bulletRight);
		LK.getSound('playerShootSound').play();
	}
	// Enemy Spawning Logic
	if (LK.ticks % ENEMY_SPAWN_INTERVAL_TICKS === 0) {
		var newEnemy = new EnemyShip();
		// Spawn enemy at a random X position, just off-screen at the top.
		newEnemy.x = Math.random() * (GAME_WIDTH - newEnemy.width);
		newEnemy.y = -newEnemy.height; // Starts just above the visible screen
		newEnemy.lastY = newEnemy.y; // Initialize for off-screen transition
		newEnemy.lastPlayerIntersecting = false; // Initialize for player collision transition
		enemies.push(newEnemy);
		game.addChild(newEnemy);
	}
	// Update Player Bullets (movement, off-screen removal, collision with enemies)
	for (var i = playerBullets.length - 1; i >= 0; i--) {
		var bullet = playerBullets[i];
		// bullet.update() is automatically called by LK engine for movement.
		// Off-screen check (bullet moving upwards)
		// Check if bullet's bottom edge (bullet.y + bullet.height) has crossed screen top (y=0)
		if (bullet.y + bullet.height < 0 && bullet.lastY + bullet.height >= 0) {
			bullet.destroy();
			playerBullets.splice(i, 1);
			continue; // Skip to next bullet
		}
		bullet.lastY = bullet.y; // Update lastY for next frame's transition check
		// Collision with Enemies
		for (var j = enemies.length - 1; j >= 0; j--) {
			var enemy = enemies[j];
			if (bullet.intersects(enemy)) {
				LK.setScore(LK.getScore() + 10); // Increment score
				scoreTxt.setText('Score: ' + LK.getScore()); // Update score display
				LK.getSound('enemyExplosionSound').play();
				bullet.destroy(); // Destroy the bullet
				playerBullets.splice(i, 1);
				enemy.destroy(); // Destroy the enemy
				enemies.splice(j, 1);
				break; // Bullet hit one enemy, so it's gone.
			}
		}
	}
	// Update Enemies (movement, off-screen removal, collision with player)
	for (var k = enemies.length - 1; k >= 0; k--) {
		var enemy = enemies[k];
		// enemy.update() is automatically called by LK engine.
		// Off-screen check (enemy moving downwards)
		// Check if enemy's top edge (enemy.y) has crossed screen bottom (y=GAME_HEIGHT)
		if (enemy.y > GAME_HEIGHT && enemy.lastY <= GAME_HEIGHT) {
			enemy.destroy();
			enemies.splice(k, 1);
			continue; // Skip to next enemy
		}
		enemy.lastY = enemy.y; // Update lastY for next frame
		// Collision with Player
		var currentPlayerIntersecting = player.intersects(enemy);
		// Trigger game over only on the frame the intersection starts.
		if (!enemy.lastPlayerIntersecting && currentPlayerIntersecting) {
			LK.getSound('playerExplosionSound').play();
			// LK.effects.flashScreen(0xFF0000, 300); // Optional screen flash
			LK.showGameOver(); // End the game
			return; // Exit update loop as game is over.
		}
		enemy.lastPlayerIntersecting = currentPlayerIntersecting; // Update intersection state
	}
};

===================================================================
--- original.js
+++ change.js
@@ -256,10 +256,10 @@
 		// Calculate common Y position for bullets (centered vertically on player ship)
 		// This makes the bullet's vertical center align with the player ship's vertical center.
 		var bulletSpawnY = player.y + player.height / 2 - bulletLeft.height / 2; // Assuming bulletLeft and bulletRight have same height
 		// Define horizontal offset for cannons from the player's center
-		// Further decreased the offset to move cannons even closer together.
-		var cannonHorizontalOffset = player.width * 0.10; // Adjusted from 0.15 to 0.10
+		// Increased offset to move cannons further from ship center (left point moves left, right point moves right).
+		var cannonHorizontalOffset = player.width * 0.15; // Adjusted from 0.10 to 0.15
 		// Player's horizontal center
 		var playerCenterX = player.x + player.width / 2;
 		// Position for the left bullet
 		// Spawn X: Player's center X - offset - half bullet width (to center the bullet on the spawn point)