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

/**** 
* Classes
****/ 
var Boss = Container.expand(function () {
	var self = Container.call(this);
	self.maxHealth = 150;
	self.health = self.maxHealth;
	self.patternIndex = 0;
	self.patternTimer = 0;
	self.isVulnerable = false;
	self.vulnerabilityTimer = 0;
	self.attackPatterns = [];
	self.takeDamage = function (damage) {
		if (self.isVulnerable) {
			self.health -= damage;
			LK.effects.flashObject(self, 0xffffff, 200);
			LK.getSound('bossHit').play();
			if (self.health <= 0) {
				self.health = 0;
				self.onDefeat();
			}
		}
	};
	self.onDefeat = function () {
		LK.getSound('bossDefeat').play();
		currentBossIndex++;
		if (currentBossIndex >= bossConfigs.length) {
			LK.showYouWin();
		} else {
			spawnNextBoss();
		}
	};
	self.executePattern = function () {
		// Override in specific boss classes
	};
	self.update = function () {
		self.patternTimer++;
		if (self.vulnerabilityTimer > 0) {
			self.vulnerabilityTimer--;
			if (self.vulnerabilityTimer <= 0) {
				self.isVulnerable = false;
			}
		}
		self.executePattern();
	};
	return self;
});
var Boss3 = Boss.expand(function () {
	var self = Boss.call(this);
	var bossGraphics = self.attachAsset('boss3', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.maxHealth = 250;
	self.health = self.maxHealth;
	self.attackPatterns = [{
		duration: 100,
		action: 'laser_sweep'
	}, {
		duration: 80,
		action: 'bullet_hell'
	}, {
		duration: 120,
		action: 'dash_attack'
	}, {
		duration: 60,
		action: 'vulnerable'
	}];
	self.executePattern = function () {
		var currentPattern = self.attackPatterns[self.patternIndex];
		if (self.patternTimer >= currentPattern.duration) {
			self.patternTimer = 0;
			self.patternIndex = (self.patternIndex + 1) % self.attackPatterns.length;
		}
		switch (currentPattern.action) {
			case 'laser_sweep':
				if (self.patternTimer % 10 === 0) {
					self.shootLaser();
				}
				break;
			case 'bullet_hell':
				if (self.patternTimer % 5 === 0) {
					self.shootRandomBullets();
				}
				break;
			case 'dash_attack':
				if (self.patternTimer === 1) {
					tween(self, {
						y: player.y
					}, {
						duration: 500
					});
				}
				break;
			case 'vulnerable':
				self.isVulnerable = true;
				self.vulnerabilityTimer = 60;
				tween(bossGraphics, {
					alpha: 0.5
				}, {
					duration: 200
				});
				break;
		}
	};
	self.shootLaser = function () {
		for (var i = 0; i < 3; i++) {
			var bullet = new BossBullet();
			bullet.x = self.x;
			bullet.y = self.y + 50 + i * 20;
			bullet.direction = {
				x: 0,
				y: 1
			};
			bullet.speed = 6;
			bossBullets.push(bullet);
			game.addChild(bullet);
		}
	};
	self.shootRandomBullets = function () {
		var bullet = new BossBullet();
		bullet.x = self.x + (Math.random() - 0.5) * 200;
		bullet.y = self.y + 50;
		bullet.direction = {
			x: (Math.random() - 0.5) * 2,
			y: 1
		};
		bossBullets.push(bullet);
		game.addChild(bullet);
	};
	return self;
});
var Boss2 = Boss.expand(function () {
	var self = Boss.call(this);
	var bossGraphics = self.attachAsset('boss2', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.maxHealth = 200;
	self.health = self.maxHealth;
	self.attackPatterns = [{
		duration: 90,
		action: 'circle_pattern'
	}, {
		duration: 60,
		action: 'rapid_fire'
	}, {
		duration: 120,
		action: 'teleport'
	}, {
		duration: 80,
		action: 'vulnerable'
	}];
	self.executePattern = function () {
		var currentPattern = self.attackPatterns[self.patternIndex];
		if (self.patternTimer >= currentPattern.duration) {
			self.patternTimer = 0;
			self.patternIndex = (self.patternIndex + 1) % self.attackPatterns.length;
		}
		switch (currentPattern.action) {
			case 'circle_pattern':
				if (self.patternTimer % 15 === 0) {
					self.shootCircle();
				}
				break;
			case 'rapid_fire':
				if (self.patternTimer % 8 === 0) {
					self.shootAtPlayer();
				}
				break;
			case 'teleport':
				if (self.patternTimer === 1) {
					var newX = arenaLeft + 200 + Math.random() * (arenaRight - arenaLeft - 400);
					tween(self, {
						x: newX
					}, {
						duration: 300
					});
				}
				break;
			case 'vulnerable':
				self.isVulnerable = true;
				self.vulnerabilityTimer = 80;
				tween(bossGraphics, {
					alpha: 0.6
				}, {
					duration: 200
				});
				break;
		}
	};
	self.shootCircle = function () {
		for (var i = 0; i < 8; i++) {
			var angle = i / 8 * Math.PI * 2;
			var bullet = new BossBullet();
			bullet.x = self.x;
			bullet.y = self.y;
			bullet.direction = {
				x: Math.cos(angle),
				y: Math.sin(angle)
			};
			bossBullets.push(bullet);
			game.addChild(bullet);
		}
	};
	self.shootAtPlayer = function () {
		var bullet = new BossBullet();
		bullet.x = self.x;
		bullet.y = self.y + 50;
		var dx = player.x - self.x;
		var dy = player.y - self.y;
		var length = Math.sqrt(dx * dx + dy * dy);
		bullet.direction = {
			x: dx / length,
			y: dy / length
		};
		bossBullets.push(bullet);
		game.addChild(bullet);
	};
	return self;
});
var Boss1 = Boss.expand(function () {
	var self = Boss.call(this);
	var bossGraphics = self.attachAsset('boss1', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.attackPatterns = [{
		duration: 120,
		action: 'move_left'
	}, {
		duration: 60,
		action: 'shoot_spread'
	}, {
		duration: 120,
		action: 'move_right'
	}, {
		duration: 60,
		action: 'shoot_spread'
	}, {
		duration: 90,
		action: 'vulnerable'
	}];
	self.executePattern = function () {
		var currentPattern = self.attackPatterns[self.patternIndex];
		if (self.patternTimer >= currentPattern.duration) {
			self.patternTimer = 0;
			self.patternIndex = (self.patternIndex + 1) % self.attackPatterns.length;
		}
		switch (currentPattern.action) {
			case 'move_left':
				if (self.x > arenaLeft + 100) {
					self.x -= 2;
				}
				break;
			case 'move_right':
				if (self.x < arenaRight - 100) {
					self.x += 2;
				}
				break;
			case 'shoot_spread':
				if (self.patternTimer % 20 === 0) {
					self.shootSpread();
				}
				break;
			case 'vulnerable':
				self.isVulnerable = true;
				self.vulnerabilityTimer = 90;
				tween(bossGraphics, {
					alpha: 0.7
				}, {
					duration: 200
				});
				break;
		}
	};
	self.shootSpread = function () {
		for (var i = -2; i <= 2; i++) {
			var bullet = new BossBullet();
			bullet.x = self.x + i * 30;
			bullet.y = self.y + 50;
			bullet.direction = {
				x: i * 0.3,
				y: 1
			};
			bossBullets.push(bullet);
			game.addChild(bullet);
		}
	};
	return self;
});
var BossBullet = Container.expand(function () {
	var self = Container.call(this);
	var bulletGraphics = self.attachAsset('bossBullet', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 4;
	self.damage = 15;
	self.direction = {
		x: 0,
		y: 1
	};
	self.update = function () {
		self.x += self.direction.x * self.speed;
		self.y += self.direction.y * self.speed;
	};
	return self;
});
var DoubleShotPowerUp = Container.expand(function () {
	var self = Container.call(this);
	var powerUpGraphics = self.attachAsset('doubleShotPowerUp', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = 3;
	self.collected = false;
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});
var Player = Container.expand(function () {
	var self = Container.call(this);
	var playerLeftGraphics = self.attachAsset('playerLeft', {
		anchorX: 0.5,
		anchorY: 0.5,
		visible: true
	});
	var playerRightGraphics = self.attachAsset('playerRight', {
		anchorX: 0.5,
		anchorY: 0.5,
		visible: false
	});
	self.maxHealth = 100;
	self.health = self.maxHealth;
	self.speed = 8;
	self.canShoot = true;
	self.shootCooldown = 0;
	self.lastX = 0;
	self.facing = 'left'; // 'left' or 'right' only
	self.hasDoubleShot = false;
	self.doubleShotTimer = 0;
	self.updateFacing = function () {
		var newFacing = self.facing;
		if (self.x < self.lastX - 5) {
			newFacing = 'left';
		} else if (self.x > self.lastX + 5) {
			newFacing = 'right';
		}
		if (newFacing !== self.facing) {
			self.facing = newFacing;
			playerLeftGraphics.visible = newFacing === 'left';
			playerRightGraphics.visible = newFacing === 'right';
		}
		self.lastX = self.x;
	};
	self.takeDamage = function (damage) {
		self.health -= damage;
		if (self.health <= 0) {
			self.health = 0;
			LK.showGameOver();
		}
		LK.effects.flashObject(self, 0xff0000, 500);
		LK.getSound('playerHit').play();
	};
	self.shoot = function () {
		if (self.canShoot && self.shootCooldown <= 0) {
			if (self.hasDoubleShot) {
				// Shoot two bullets side by side
				var bullet1 = new PlayerBullet();
				bullet1.x = self.x - 20;
				bullet1.y = self.y - 50;
				playerBullets.push(bullet1);
				game.addChild(bullet1);
				var bullet2 = new PlayerBullet();
				bullet2.x = self.x + 20;
				bullet2.y = self.y - 50;
				playerBullets.push(bullet2);
				game.addChild(bullet2);
			} else {
				// Normal single shot
				var bullet = new PlayerBullet();
				bullet.x = self.x;
				bullet.y = self.y - 50;
				playerBullets.push(bullet);
				game.addChild(bullet);
			}
			self.shootCooldown = 15;
			LK.getSound('playerShoot').play();
		}
	};
	self.update = function () {
		if (self.shootCooldown > 0) {
			self.shootCooldown--;
		}
		// Handle double shot timer
		if (self.doubleShotTimer > 0) {
			self.doubleShotTimer--;
			if (self.doubleShotTimer <= 0) {
				self.hasDoubleShot = false;
			}
		}
		self.updateFacing();
	};
	self.collectDoubleShotPowerUp = function () {
		self.hasDoubleShot = true;
		self.doubleShotTimer = 600; // 10 seconds at 60fps
		LK.effects.flashObject(self, 0x00ff00, 300);
	};
	return self;
});
var PlayerBullet = Container.expand(function () {
	var self = Container.call(this);
	var bulletGraphics = self.attachAsset('playerBullet', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.speed = -12;
	self.damage = 10;
	self.update = function () {
		self.y += self.speed;
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	backgroundColor: 0x1a1a1a
});

/**** 
* Game Code
****/ 
var arena = game.attachAsset('arena', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 1024,
	y: 1366
});
var arenaLeft = arena.x - arena.width / 2;
var arenaRight = arena.x + arena.width / 2;
var arenaTop = arena.y - arena.height / 2;
var arenaBottom = arena.y + arena.height / 2;
var player = game.addChild(new Player());
player.x = 1024;
player.y = arenaBottom - 100;
player.lastX = player.x;
var playerBullets = [];
var bossBullets = [];
var doubleShotPowerUps = [];
var powerUpSpawnTimer = 0;
var currentBoss = null;
var currentBossIndex = 0;
var bossConfigs = [{
	"class": Boss1,
	name: "Red Striker"
}, {
	"class": Boss2,
	name: "Purple Phantom"
}, {
	"class": Boss3,
	name: "Golden Destroyer"
}];
var playerHealthBar = new Text2('Health: 100', {
	size: 48,
	fill: '#00FF00',
	font: 'monospace'
});
playerHealthBar.x = 150;
playerHealthBar.y = 100;
game.addChild(playerHealthBar);
var bossHealthBarContainer = new Container();
bossHealthBarContainer.x = 1024;
bossHealthBarContainer.y = 200;
game.addChild(bossHealthBarContainer);
var bossHealthBarBg = bossHealthBarContainer.attachAsset('bossHealthBarBg', {
	anchorX: 0.5,
	anchorY: 0.5
});
var bossHealthBarFill = bossHealthBarContainer.attachAsset('bossHealthBarFill', {
	anchorX: 0.5,
	anchorY: 0.5
});
var bossNameText = new Text2('Red Striker', {
	size: 56,
	fill: '#FFFF00',
	font: 'monospace'
});
bossNameText.anchor.set(0.5, 0);
bossNameText.x = 1024;
bossNameText.y = 150;
game.addChild(bossNameText);
function spawnNextBoss() {
	if (currentBoss) {
		currentBoss.destroy();
	}
	// Clear boss bullets
	for (var i = bossBullets.length - 1; i >= 0; i--) {
		bossBullets[i].destroy();
		bossBullets.splice(i, 1);
	}
	var bossConfig = bossConfigs[currentBossIndex];
	currentBoss = game.addChild(new bossConfig["class"]());
	currentBoss.x = 1024;
	currentBoss.y = arenaTop + 200;
	bossNameText.setText(bossConfig.name);
}
spawnNextBoss();
var dragActive = false;
game.down = function (x, y, obj) {
	dragActive = true;
	player.shoot();
};
game.up = function (x, y, obj) {
	dragActive = false;
};
game.move = function (x, y, obj) {
	if (dragActive) {
		var localPos = game.toLocal({
			x: x,
			y: y
		});
		player.x = Math.max(arenaLeft + 50, Math.min(arenaRight - 50, localPos.x));
		player.y = Math.max(arenaTop + 50, Math.min(arenaBottom - 50, localPos.y));
	}
};
game.update = function () {
	// Update player bullets
	for (var i = playerBullets.length - 1; i >= 0; i--) {
		var bullet = playerBullets[i];
		if (bullet.y < arenaTop - 50) {
			bullet.destroy();
			playerBullets.splice(i, 1);
			continue;
		}
		if (currentBoss && bullet.intersects(currentBoss)) {
			currentBoss.takeDamage(bullet.damage);
			bullet.destroy();
			playerBullets.splice(i, 1);
			continue;
		}
	}
	// Update boss bullets
	for (var i = bossBullets.length - 1; i >= 0; i--) {
		var bullet = bossBullets[i];
		if (bullet.x < arenaLeft - 50 || bullet.x > arenaRight + 50 || bullet.y < arenaTop - 50 || bullet.y > arenaBottom + 50) {
			bullet.destroy();
			bossBullets.splice(i, 1);
			continue;
		}
		if (bullet.intersects(player)) {
			player.takeDamage(bullet.damage);
			bullet.destroy();
			bossBullets.splice(i, 1);
			continue;
		}
	}
	// Spawn power-ups randomly
	powerUpSpawnTimer++;
	if (powerUpSpawnTimer >= 900 && Math.random() < 0.02) {
		// 15 seconds minimum, then 2% chance per frame
		var powerUp = new DoubleShotPowerUp();
		powerUp.x = arenaLeft + 100 + Math.random() * (arenaRight - arenaLeft - 200);
		powerUp.y = arenaTop - 50;
		doubleShotPowerUps.push(powerUp);
		game.addChild(powerUp);
		powerUpSpawnTimer = 0;
	}
	// Update power-ups
	for (var i = doubleShotPowerUps.length - 1; i >= 0; i--) {
		var powerUp = doubleShotPowerUps[i];
		// Remove if off screen
		if (powerUp.y > arenaBottom + 50) {
			powerUp.destroy();
			doubleShotPowerUps.splice(i, 1);
			continue;
		}
		// Check collision with player
		if (!powerUp.collected && powerUp.intersects(player)) {
			player.collectDoubleShotPowerUp();
			powerUp.collected = true;
			// Tween power-up away with scaling effect
			tween(powerUp, {
				scaleX: 2,
				scaleY: 2,
				alpha: 0
			}, {
				duration: 300,
				onFinish: function onFinish() {
					powerUp.destroy();
				}
			});
			doubleShotPowerUps.splice(i, 1);
			continue;
		}
	}
	// Update UI
	playerHealthBar.setText('Health: ' + player.health);
	if (currentBoss) {
		var healthPercentage = currentBoss.health / currentBoss.maxHealth;
		bossHealthBarFill.width = 400 * healthPercentage;
	}
};

===================================================================
--- original.js
+++ change.js
@@ -476,17 +476,20 @@
 });
 playerHealthBar.x = 150;
 playerHealthBar.y = 100;
 game.addChild(playerHealthBar);
-var bossHealthBar = new Text2('Boss Health: 150', {
-	size: 48,
-	fill: '#FF0000',
-	font: 'monospace'
+var bossHealthBarContainer = new Container();
+bossHealthBarContainer.x = 1024;
+bossHealthBarContainer.y = 200;
+game.addChild(bossHealthBarContainer);
+var bossHealthBarBg = bossHealthBarContainer.attachAsset('bossHealthBarBg', {
+	anchorX: 0.5,
+	anchorY: 0.5
 });
-bossHealthBar.anchor.set(1, 0);
-bossHealthBar.x = 1900;
-bossHealthBar.y = 100;
-game.addChild(bossHealthBar);
+var bossHealthBarFill = bossHealthBarContainer.attachAsset('bossHealthBarFill', {
+	anchorX: 0.5,
+	anchorY: 0.5
+});
 var bossNameText = new Text2('Red Striker', {
 	size: 56,
 	fill: '#FFFF00',
 	font: 'monospace'
@@ -601,7 +604,8 @@
 	}
 	// Update UI
 	playerHealthBar.setText('Health: ' + player.health);
 	if (currentBoss) {
-		bossHealthBar.setText('Boss Health: ' + currentBoss.health);
+		var healthPercentage = currentBoss.health / currentBoss.maxHealth;
+		bossHealthBarFill.width = 400 * healthPercentage;
 	}
 };
\ No newline at end of file