/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");

/**** 
* Classes
****/ 
var City = Container.expand(function () {
	var self = Container.call(this);
	self.takeDamage = function (damageAmount) {
		if (self.health <= 0) return; // Already destroyed
		self.health -= damageAmount;
		LK.effects.flashObject(self.graphic, 0xFF0000, 300); // Flash city red
		if (self.healthDisplay) {
			self.healthDisplay.setText('City Health: ' + Math.max(0, self.health) + ' / ' + CITY_MAX_HEALTH);
		}
		if (self.health <= 0) {
			self.health = 0; // Cap at 0
			LK.showGameOver(); // Trigger game over
		}
	};
	self.setHealthDisplay = function (textObject) {
		self.healthDisplay = textObject;
		self.healthDisplay.setText('City Health: ' + self.health + ' / ' + CITY_MAX_HEALTH);
	};
	// Initialization
	self.graphic = self.attachAsset('city', {
		anchorX: 0.5,
		anchorY: 1.0
	}); // Anchor bottom-center
	self.health = CITY_MAX_HEALTH;
	self.healthDisplay = null; // To be linked to a Text2 object
	return self;
});
var Crosshair = Container.expand(function () {
	var self = Container.call(this);
	self.isOver = function (target) {
		if (!target || !target.graphic || !self.graphic || !target.graphic.width || !target.graphic.height) return false;
		// Basic bounding box collision
		var selfHalfWidth = self.graphic.width / 2;
		var selfHalfHeight = self.graphic.height / 2;
		var targetHalfWidth = target.graphic.width * (target.graphic.scaleX || 1) / 2;
		var targetHalfHeight = target.graphic.height * (target.graphic.scaleY || 1) / 2;
		var selfLeft = self.x - selfHalfWidth;
		var selfRight = self.x + selfHalfWidth;
		var selfTop = self.y - selfHalfHeight;
		var selfBottom = self.y + selfHalfHeight;
		var targetLeft = target.x - targetHalfWidth;
		var targetRight = target.x + targetHalfWidth;
		var targetTop = target.y - targetHalfHeight;
		var targetBottom = target.y + targetHalfHeight;
		return !(selfRight < targetLeft || selfLeft > targetRight || selfBottom < targetTop || selfTop > targetBottom);
	};
	// Initialization code, graphic will be attached in Game Code
	self.graphic = null;
	self.speed = 0; // Will be set from game constant
	return self;
});
// Base class for falling objects
var FallingObject = Container.expand(function (assetId, initialHealth, fallSpeed, objectType) {
	var self = Container.call(this);
	self.takeDamage = function (damageAmount) {
		if (self.isDestroyed) return;
		self.health -= damageAmount;
		LK.effects.flashObject(self.graphic, 0xFF0000, 100); // Red flash on hit
		// Add pulsing scale animation when hit
		tween.stop(self.graphic, {
			scaleX: true,
			scaleY: true
		}); // Stop any existing scale tweens
		tween(self.graphic, {
			scaleX: 1.3,
			scaleY: 1.3
		}, {
			duration: 150,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self.graphic, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 150,
					easing: tween.easeIn
				});
			}
		});
		if (self.health <= 0) {
			self.destroySelf();
		}
	};
	self.destroySelf = function () {
		if (self.isDestroyed) return;
		self.isDestroyed = true;
		// Create kusok fragments explosion
		var fragmentCount = 4; // Exactly 4 kusok fragments
		for (var p = 0; p < fragmentCount; p++) {
			var randomScale = 0.4 + Math.random() * 0.8; // Random scale between 0.4 and 1.2
			var kusokFragment = LK.getAsset('kusok', {
				anchorX: 0.5,
				anchorY: 0.5,
				scaleX: randomScale,
				scaleY: randomScale
			});
			kusokFragment.x = self.x;
			kusokFragment.y = self.y;
			game.addChild(kusokFragment);
			// Random direction and speed for each fragment
			var angle = Math.random() * Math.PI * 2;
			var speed = 80 + Math.random() * 120; // Random speed between 80-200
			var velocityX = Math.cos(angle) * speed;
			var velocityY = Math.sin(angle) * speed;
			// Random rotation speed and direction for each fragment (slower rotation)
			var rotationSpeed = 0.01 + Math.random() * 0.03; // Random rotation speed between 0.01 and 0.04 radians per frame
			var rotationDirection = Math.random() < 0.5 ? 1 : -1; // Random direction (clockwise or counterclockwise)
			var totalRotation = rotationSpeed * rotationDirection * 120; // Total rotation over 2 seconds (120 frames at 60fps)
			// Animate fragment movement, rotation, and scale down over 2 seconds
			tween(kusokFragment, {
				x: kusokFragment.x + velocityX,
				y: kusokFragment.y + velocityY,
				scaleX: 0,
				scaleY: 0,
				rotation: kusokFragment.rotation + totalRotation
			}, {
				duration: 2000,
				easing: tween.easeOut,
				onFinish: function onFinish() {
					if (kusokFragment.parent) {
						game.removeChild(kusokFragment);
					}
				}
			});
		}
		// Add a small particle explosion or shrink effect
		if (tween) {
			tween.stop(self.graphic); // Stop any ongoing tweens
			tween(self.graphic, {
				scaleX: 0.1,
				scaleY: 0.1,
				alpha: 0
			}, {
				duration: 200,
				onFinish: function onFinish() {
					// Actual removal from game will be handled in game.update
				}
			});
		}
		// Play boom sound when object is destroyed
		LK.getSound('Boom').play();
		// Points for destroying object
		LK.setScore(LK.getScore() + (self.objectType === 'meteor' ? 10 : 15));
		updateScoreDisplay();
	};
	self.update = function () {
		if (self.isDestroyed) return;
		self.y += self.speedY;
	}; //{-|u}
	// Initialization
	self.graphic = self.attachAsset(assetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.health = initialHealth;
	self.maxHealth = initialHealth; // Store max health for potential future use (e.g. health bars on objects)
	self.speedY = fallSpeed;
	self.isDestroyed = false;
	self.objectType = objectType; // 'meteor' or 'alien'
	return self;
});
var Meteor = FallingObject.expand(function () {
	var self = FallingObject.call(this, 'meteor', METEOR_HEALTH, METEOR_SPEED / 2, 'meteor');
	// Add rotation animation to meteor
	self.rotationSpeed = 0.005 + Math.random() * 0.01; // Random rotation speed between 0.005 and 0.015 radians per frame
	self.rotationDirection = Math.random() < 0.5 ? 1 : -1; // Random direction (clockwise or counterclockwise)
	self.update = function () {
		if (self.isDestroyed) return;
		self.y += self.speedY;
		// Add rotation
		self.graphic.rotation += self.rotationSpeed * self.rotationDirection;
	};
	return self;
});
var Alien = FallingObject.expand(function () {
	var self = FallingObject.call(this, 'alien', ALIEN_HEALTH, ALIEN_SPEED / 2, 'alien');
	// Alien-specific properties or methods (e.g., different movement pattern)
	return self;
});
var VirtualJoystick = Container.expand(function () {
	var self = Container.call(this);
	self.initialize = function (baseAssetId, knobAssetId, visualRadius, interactionRadius) {
		// baseGraphic and knobGraphic are children of 'self' (the joystick container)
		// Their positions (0,0) will be the center of 'self'.
		self.baseGraphic = self.addChild(LK.getAsset(baseAssetId, {
			anchorX: 0.5,
			anchorY: 0.5
		}));
		self.knobGraphic = self.addChild(LK.getAsset(knobAssetId, {
			anchorX: 0.5,
			anchorY: 0.5
		}));
		self.visualRadius = visualRadius; // Max distance knob can move visually
		self.interactionRadius = interactionRadius; // Touchable area around joystick center
		self.active = false;
		self.touchId = null;
		self.deltaX = 0; // Normalized movement vector x (-1 to 1)
		self.deltaY = 0; // Normalized movement vector y (-1 to 1)
		self.initialTouchX = 0; // Track initial touch position
		self.initialTouchY = 0; // Track initial touch position
	};
	self.processDown = function (gameGlobalX, gameGlobalY, eventObj, treatTouchAsLocalOrigin) {
		var localClickPos;
		if (treatTouchAsLocalOrigin) {
			// If the joystick was just repositioned to gameGlobalX, gameGlobalY (the touch location),
			// then this touch point is effectively at the joystick's new local origin (0,0).
			localClickPos = {
				x: 0,
				y: 0
			};
		} else {
			// Standard case: joystick is already positioned. Convert global touch to local.
			localClickPos = self.toLocal({
				x: gameGlobalX,
				y: gameGlobalY
			});
		}
		var distSq = localClickPos.x * localClickPos.x + localClickPos.y * localClickPos.y;
		if (distSq <= self.interactionRadius * self.interactionRadius) {
			self.active = true;
			self.touchId = eventObj.identifier; // Use identifier from the event object
			// Always start knob at center when joystick is activated
			self.knobGraphic.x = 0;
			self.knobGraphic.y = 0;
			self.deltaX = 0;
			self.deltaY = 0;
			// Store the initial touch position to avoid coordinate transformation issues
			self.initialTouchX = gameGlobalX;
			self.initialTouchY = gameGlobalY;
			return true; // Consumed event
		}
		return false;
	};
	self.processMove = function (gameGlobalX, gameGlobalY, eventObj) {
		if (!self.active || eventObj.identifier !== undefined && eventObj.identifier !== self.touchId) {
			return;
		}
		// Calculate movement relative to initial touch position
		var deltaX = gameGlobalX - self.initialTouchX;
		var deltaY = gameGlobalY - self.initialTouchY;
		self.updateKnobPosition(deltaX, deltaY);
	};
	self.processUp = function (eventObj) {
		if (!self.active || eventObj.identifier !== undefined && eventObj.identifier !== self.touchId) {
			return;
		}
		self.active = false;
		self.touchId = null;
		self.knobGraphic.x = 0; // Reset to center of joystick container
		self.knobGraphic.y = 0;
		self.deltaX = 0;
		self.deltaY = 0;
	};
	self.updateKnobPosition = function (localX, localY) {
		var dx = localX;
		var dy = localY;
		var distance = Math.sqrt(dx * dx + dy * dy);
		var clampedX = dx;
		var clampedY = dy;
		if (distance > self.visualRadius) {
			clampedX = dx / distance * self.visualRadius;
			clampedY = dy / distance * self.visualRadius;
		}
		self.knobGraphic.x = clampedX;
		self.knobGraphic.y = clampedY;
		if (self.visualRadius === 0) {
			// Avoid division by zero if radius is 0
			self.deltaX = 0;
			self.deltaY = 0;
		} else {
			self.deltaX = clampedX / self.visualRadius;
			self.deltaY = clampedY / self.visualRadius;
		}
		self.deltaX = Math.max(-1, Math.min(1, self.deltaX));
		self.deltaY = Math.max(-1, Math.min(1, self.deltaY));
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x00001A // Dark deep blue for space
});

/**** 
* Game Code
****/ 
// --- Game Constants ---
// Brownish meteor
// Lime green alien (can be simple box for now)
// Grey city base
// A simple red circle for the crosshair
var WORLD_WIDTH = 2048;
var WORLD_HEIGHT = 2732;
var METEOR_HEALTH = 100;
var METEOR_SPEED = 3; // Pixels per frame
var METEOR_DAMAGE_TO_CITY = 75;
var ALIEN_HEALTH = 150;
var ALIEN_SPEED = 2.5;
var ALIEN_DAMAGE_TO_CITY = 100;
var CITY_MAX_HEALTH = 1000;
// var CLICK_DAMAGE = 35; // Replaced by FIRE_DAMAGE
// var HOLD_DAMAGE_PER_INTERVAL = 20; // Replaced by FIRE_DAMAGE
// var HOLD_DAMAGE_INTERVAL_MS = 150; // Replaced by FIRE_RATE_MS
var CROSSHAIR_SPEED = 10;
var JOYSTICK_VISUAL_RADIUS = 180; // Increased max knob center travel distance for larger joystick
var JOYSTICK_INTERACTION_RADIUS = 260; // Increased touchable area radius for larger joystick
var FIRE_RATE_MS = 450; // How often the player can fire
var FIRE_DAMAGE = 35; // Damage per shot from crosshair
var SPAWN_INTERVAL_MS_MIN = 2400; // Minimum time between spawns
var SPAWN_INTERVAL_MS_MAX = 5000; // Maximum time between spawns
// --- Global Game Variables ---
var cityInstance;
var fallingObjects = [];
var cityHealthText; // For GUI
var scoreText; // For player score
// var playerHoldingTarget = null; // Removed
// var isPlayerHolding = false; // Replaced by isFiring
// var holdDamageInterval = null; // Removed
var crosshairInstance;
var joystickInstance;
var isFiring = false;
var lastFireTime = 0;
var joystickTouchId = null; // To track the touch interacting with the joystick
var nextSpawnTime = 0;
// --- Helper Functions ---
function spawnFallingObject() {
	var objectType = Math.random() < 0.6 ? 'meteor' : 'alien'; // 60% meteors, 40% aliens
	var newObject;
	if (objectType === 'meteor') {
		newObject = new Meteor();
	} else {
		newObject = new Alien();
	}
	// Position just above the screen, at a random horizontal position
	newObject.x = Math.random() * (WORLD_WIDTH - newObject.graphic.width) + newObject.graphic.width / 2;
	newObject.y = -newObject.graphic.height / 2; // Start just off-screen top
	fallingObjects.push(newObject);
	game.addChild(newObject);
}
function updateScoreDisplay() {
	if (scoreText) {
		scoreText.setText('Score: ' + LK.getScore());
	}
}
// --- Game Initialization ---
// Create and position the city
cityInstance = new City();
cityInstance.x = WORLD_WIDTH / 2;
cityInstance.y = WORLD_HEIGHT; // Bottom edge of city at bottom of screen
game.addChild(cityInstance);
// Setup City Health Display
cityHealthText = new Text2('', {
	size: 60,
	fill: 0xFFFFFF,
	align: 'center'
});
cityHealthText.anchor.set(0.5, 1); // Anchor bottom-center for text
LK.gui.bottom.addChild(cityHealthText); // Add to bottom center of GUI
cityInstance.setHealthDisplay(cityHealthText); // Link to city instance
// Setup Score Display
LK.setScore(0); // Initialize score
scoreText = new Text2('Score: 0', {
	size: 60,
	fill: 0xFFFF00,
	align: 'center'
});
scoreText.anchor.set(0.5, 0); // Anchor top-center
// Position score text slightly below the top edge to avoid any engine icons, if necessary
// LK.gui.top has y=0. We'll add a small offset.
scoreText.y = 20; // Small offset from the very top.
LK.gui.top.addChild(scoreText);
// --- Event Handlers ---
// Initialize Crosshair
crosshairInstance = new Crosshair();
crosshairInstance.graphic = crosshairInstance.attachAsset('crosshair_asset', {
	anchorX: 0.5,
	anchorY: 0.5
});
crosshairInstance.speed = CROSSHAIR_SPEED;
crosshairInstance.x = WORLD_WIDTH / 2;
crosshairInstance.y = WORLD_HEIGHT / 2;
game.addChild(crosshairInstance);
// Initialize Virtual Joystick
joystickInstance = new VirtualJoystick();
joystickInstance.initialize('joystick_base_asset', 'joystick_knob_asset', JOYSTICK_VISUAL_RADIUS, JOYSTICK_INTERACTION_RADIUS);
game.addChild(joystickInstance);
joystickInstance.visible = false; // Start hidden, will appear on first touch
// --- Event Handlers ---
game.down = function (x, y, eventObj) {
	// Always show joystick at finger, and only allow one joystick at a time
	joystickInstance.x = x;
	joystickInstance.y = y;
	joystickInstance.visible = true;
	// Always activate joystick at this position, treat as local origin
	if (joystickInstance.processDown(x, y, eventObj, true)) {
		joystickTouchId = eventObj.identifier;
		isFiring = true; // Only allow firing while finger is held
	}
};
game.move = function (x, y, eventObj) {
	if (joystickInstance.active && eventObj.identifier === joystickTouchId) {
		joystickInstance.processMove(x, y, eventObj);
	}
	// No crosshair update here; handled in game.update
};
game.up = function (x, y, eventObj) {
	if (eventObj.identifier === joystickTouchId) {
		joystickInstance.processUp(eventObj);
		joystickInstance.visible = false;
		joystickTouchId = null;
		isFiring = false;
	}
};
// --- Game Loop ---
// --- Game Loop ---
game.update = function () {
	var currentTime = LK.ticks * (1000 / 60); // Approximate current time in ms
	// 0. Update Crosshair Position based on Joystick
	if (crosshairInstance && joystickInstance) {
		// Calculate how far the knob is from the center (0..1)
		var knobDistance = Math.sqrt(joystickInstance.deltaX * joystickInstance.deltaX + joystickInstance.deltaY * joystickInstance.deltaY);
		// Crosshair speed is proportional to knob distance, up to CROSSHAIR_SPEED
		var effectiveSpeed = CROSSHAIR_SPEED * knobDistance * 2 / 1.5;
		crosshairInstance.x += joystickInstance.deltaX * effectiveSpeed;
		crosshairInstance.y += joystickInstance.deltaY * effectiveSpeed;
		// Clamp crosshair to screen bounds (considering anchor is 0.5, 0.5)
		var chHW = crosshairInstance.graphic.width / 2;
		var chHH = crosshairInstance.graphic.height / 2;
		crosshairInstance.x = Math.max(chHW, Math.min(WORLD_WIDTH - chHW, crosshairInstance.x));
		crosshairInstance.y = Math.max(chHH, Math.min(WORLD_HEIGHT - chHH, crosshairInstance.y));
	}
	// 1. Firing Logic
	// Crosshair should deal damage at FIRE_RATE_MS intervals, even if joystick is not being held
	if (currentTime >= lastFireTime + FIRE_RATE_MS) {
		lastFireTime = currentTime;
		for (var k = 0; k < fallingObjects.length; k++) {
			var target = fallingObjects[k];
			if (!target.isDestroyed && crosshairInstance.isOver(target)) {
				target.takeDamage(FIRE_DAMAGE);
				LK.getSound('Shoot').play(); // Play shoot sound when hitting a target
				// Create particle explosion at hit location
				var particleCount = 3 + Math.floor(Math.random() * 3); // 3 to 5 particles
				for (var p = 0; p < particleCount; p++) {
					var randomScale = 0.5 + Math.random() * 1.5; // Random scale between 0.5 and 2.0
					var particle = LK.getAsset('particle', {
						anchorX: 0.5,
						anchorY: 0.5,
						scaleX: randomScale,
						scaleY: randomScale
					});
					particle.x = target.x;
					particle.y = target.y;
					game.addChild(particle);
					// Random direction and speed for each particle
					var angle = Math.random() * Math.PI * 2;
					var speed = 100 + Math.random() * 100; // Random speed between 100-200
					var velocityX = Math.cos(angle) * speed;
					var velocityY = Math.sin(angle) * speed;
					// Animate particle movement and scale down
					tween(particle, {
						x: particle.x + velocityX,
						y: particle.y + velocityY,
						scaleX: 0,
						scaleY: 0
					}, {
						duration: 1000,
						easing: tween.easeOut,
						onFinish: function onFinish() {
							if (particle.parent) {
								game.removeChild(particle);
							}
						}
					});
				}
				break; // Optional: Hit only one target per shot
			}
		}
	}
	// 2. Spawn new falling objects
	if (currentTime >= nextSpawnTime) {
		spawnFallingObject();
		nextSpawnTime = currentTime + SPAWN_INTERVAL_MS_MIN + Math.random() * (SPAWN_INTERVAL_MS_MAX - SPAWN_INTERVAL_MS_MIN);
	}
	// 3. Update and check falling objects
	for (var i = fallingObjects.length - 1; i >= 0; i--) {
		var obj = fallingObjects[i];
		if (obj.isDestroyed) {
			// Remove from game immediately when destroyed
			if (obj.parent) {
				game.removeChild(obj);
			}
			fallingObjects.splice(i, 1);
			continue;
		}
		obj.update();
		if (obj.y + obj.graphic.height * 0.5 * (obj.graphic.scaleY || 1) >= cityInstance.y - cityInstance.graphic.height) {
			var damageToCity = obj.objectType === 'meteor' ? METEOR_DAMAGE_TO_CITY : ALIEN_DAMAGE_TO_CITY;
			cityInstance.takeDamage(damageToCity);
			LK.getSound('Boom').play(); // Play boom sound when object hits city
			obj.destroySelf();
			continue;
		}
		if (obj.y - obj.graphic.height * 0.5 * (obj.graphic.scaleY || 1) > WORLD_HEIGHT) {
			obj.destroySelf();
			continue;
		}
	}
	// Old safety check for playerHoldingTarget is removed as that system is gone.
	// Always ensure crosshair is rendered above all falling objects
	if (crosshairInstance && crosshairInstance.parent === game) {
		game.removeChild(crosshairInstance);
		game.addChild(crosshairInstance);
	}
};

===================================================================
--- original.js
+++ change.js
@@ -109,10 +109,10 @@
 			var angle = Math.random() * Math.PI * 2;
 			var speed = 80 + Math.random() * 120; // Random speed between 80-200
 			var velocityX = Math.cos(angle) * speed;
 			var velocityY = Math.sin(angle) * speed;
-			// Random rotation speed and direction for each fragment  
-			var rotationSpeed = 0.05 + Math.random() * 0.15; // Random rotation speed between 0.05 and 0.2 radians per frame
+			// Random rotation speed and direction for each fragment (slower rotation)
+			var rotationSpeed = 0.01 + Math.random() * 0.03; // Random rotation speed between 0.01 and 0.04 radians per frame
 			var rotationDirection = Math.random() < 0.5 ? 1 : -1; // Random direction (clockwise or counterclockwise)
 			var totalRotation = rotationSpeed * rotationDirection * 120; // Total rotation over 2 seconds (120 frames at 60fps)
 			// Animate fragment movement, rotation, and scale down over 2 seconds
 			tween(kusokFragment, {
@@ -294,13 +294,13 @@
 
 /**** 
 * Game Code
 ****/ 
-// A simple red circle for the crosshair
-// Grey city base
-// Lime green alien (can be simple box for now)
-// Brownish meteor
 // --- Game Constants ---
+// Brownish meteor
+// Lime green alien (can be simple box for now)
+// Grey city base
+// A simple red circle for the crosshair
 var WORLD_WIDTH = 2048;
 var WORLD_HEIGHT = 2732;
 var METEOR_HEALTH = 100;
 var METEOR_SPEED = 3; // Pixels per frame