===================================================================
--- original.js
+++ change.js
@@ -322,8 +322,32 @@
 		self.rightHand.height = targetPosture.rightHand.h;
 		self.rightHand.rotation = targetPosture.rightHand.r;
 	};
 });
+var EnergyBar = Container.expand(function (maxEnergy) {
+	var self = Container.call(this);
+	self.maxEnergy = maxEnergy;
+	self.currentEnergy = maxEnergy;
+	// Background of the energy bar
+	self.bg = self.attachAsset('energyBar', {
+		anchorX: 0.5,
+		anchorY: 0.5
+	});
+	// Fill of the energy bar
+	self.fill = self.attachAsset('energyBarFill', {
+		anchorX: 0,
+		anchorY: 0.5,
+		x: -self.bg.width / 2,
+		// Start from left edge of the bg
+		y: 0
+	});
+	// Update the energy bar display
+	self.updateEnergy = function (energy) {
+		self.currentEnergy = energy;
+		var fillWidth = self.currentEnergy / self.maxEnergy * self.bg.width;
+		self.fill.width = fillWidth;
+	};
+});
 /****************************************************************************************** */ 
 /************************************* GUARD BUTTON CLASS ********************************** */
 /****************************************************************************************** */ 
 var GuardButton = Container.expand(function () {
@@ -396,36 +420,8 @@
 
 /**** 
 * Game Code
 ****/ 
-// Energy Bar
-var energyBar = new Container();
-energyBar.x = game.width - 120; // Position energy bar on the right side
-energyBar.y = 100; // Top margin
-var energyBarBackground = energyBar.attachAsset('energyBar', {
-	anchorX: 0.5,
-	anchorY: 0,
-	scaleX: 0.5,
-	// Adjust width of the energy bar background
-	scaleY: 5,
-	// Adjust height to make it vertical
-	tint: 0x000000 // Background color of the energy bar
-});
-var energyBarFill = energyBar.attachAsset('energyBar', {
-	anchorX: 0.5,
-	anchorY: 0,
-	scaleX: 0.48,
-	// Slightly less width than background for padding effect
-	scaleY: 4.8,
-	// Initial fill scale, adjust based on player's energy
-	tint: 0x00FF00 // Fill color of the energy bar
-});
-// Function to update energy bar fill based on player's current energy
-function updateEnergyBar(currentEnergy, maxEnergy) {
-	var fillScaleY = 4.8 * (currentEnergy / maxEnergy); // Calculate fill scale based on current energy
-	energyBarFill.scaleY = fillScaleY; // Update the fill scale
-}
-game.addChild(energyBar); // Add energy bar to the game
 /****************************************************************************************** */ 
 /************************************** GLOBAL VARIABLES ********************************** */
 /****************************************************************************************** */ 
 var isPlaying = false;