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

/**** 
* Classes
****/ 
var Character = Container.expand(function () {
	var self = Container.call(this);
	var characterGraphics = self.attachAsset('character', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add floating text for muscle display
	self.muscleText = new Text2('Muscle: 0', {
		size: 60,
		fill: '#ffffff'
	});
	self.muscleText.anchor.set(0.5, 1);
	self.addChild(self.muscleText);
	self.speed = 4;
	self.velocityX = 0;
	self.velocityY = 0;
	self.targetRotation = 0;
	self.setVelocity = function (vx, vy) {
		self.velocityX = vx;
		self.velocityY = vy;
		// Calculate rotation to face movement direction
		if (vx !== 0 || vy !== 0) {
			self.targetRotation = Math.atan2(vy, vx);
		}
	};
	self.update = function () {
		// Store previous position for collision detection
		var prevX = self.x;
		var prevY = self.y;
		// Move character
		self.x += self.velocityX * self.speed;
		self.y += self.velocityY * self.speed;
		// Check collision with enemy (barrier)
		var enemyLeft = enemy.x - 100 - 115; // enemy half width + character half width
		var enemyRight = enemy.x + 100 + 115;
		var enemyTop = enemy.y - 100 - 115;
		var enemyBottom = enemy.y + 100 + 115;
		if (self.x >= enemyLeft && self.x <= enemyRight && self.y >= enemyTop && self.y <= enemyBottom) {
			// Collision detected, revert to previous position
			self.x = prevX;
			self.y = prevY;
			self.setVelocity(0, 0);
		}
		// Check collision with weight lifting area (barrier)
		var weightLeft = weightLiftingRect.x - 175 - 115; // weight half width + character half width
		var weightRight = weightLiftingRect.x + 175 + 115;
		var weightTop = weightLiftingRect.y - 203 - 115; // weight half height + character half width
		var weightBottom = weightLiftingRect.y + 203 + 115;
		if (self.x >= weightLeft && self.x <= weightRight && self.y >= weightTop && self.y <= weightBottom) {
			// Collision detected, revert to previous position
			self.x = prevX;
			self.y = prevY;
			self.setVelocity(0, 0);
		}
		// Keep character within screen bounds only
		if (self.x < 40) {
			self.x = 40;
		}
		if (self.x > 2008) {
			self.x = 2008;
		}
		if (self.y < 40) {
			self.y = 40;
		}
		if (self.y > 2692) {
			self.y = 2692;
		}
		// Update muscle text
		self.muscleText.setText('Muscle: ' + muscle);
		self.muscleText.x = 0;
		self.muscleText.y = -100; // 50px higher than before
		// Update win text
		if (!self.winText) {
			self.winText = new Text2('Win: 0', {
				size: 60,
				fill: '#ffffff'
			});
			self.winText.anchor.set(0.5, 1);
			self.addChild(self.winText);
		}
		self.winText.setText('Win: ' + win);
		self.winText.x = 0;
		self.winText.y = -150; // 50px above muscle text
		// Smooth rotation towards target
		var currentRotation = characterGraphics.rotation;
		var rotationDiff = self.targetRotation - currentRotation;
		// Handle rotation wrapping
		if (rotationDiff > Math.PI) {
			rotationDiff -= 2 * Math.PI;
		}
		if (rotationDiff < -Math.PI) {
			rotationDiff += 2 * Math.PI;
		}
		characterGraphics.rotation += rotationDiff * 0.15;
	};
	return self;
});
var Joystick = Container.expand(function () {
	var self = Container.call(this);
	var baseGraphics = self.attachAsset('joystickBase', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	var handleGraphics = self.attachAsset('joystickHandle', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	baseGraphics.alpha = 0.3;
	handleGraphics.alpha = 0.7;
	self.baseRadius = 100;
	self.handleRadius = 40;
	self.isActive = false;
	self.centerX = 0;
	self.centerY = 0;
	self.handleX = 0;
	self.handleY = 0;
	self.show = function (x, y) {
		self.visible = true;
		self.isActive = true;
		self.x = x;
		self.y = y;
		self.centerX = x;
		self.centerY = y;
		self.handleX = 0;
		self.handleY = 0;
		handleGraphics.x = 0;
		handleGraphics.y = 0;
	};
	self.hide = function () {
		self.visible = false;
		self.isActive = false;
		// Smooth return to center
		tween(handleGraphics, {
			x: 0,
			y: 0
		}, {
			duration: 200
		});
	};
	self.updateHandle = function (x, y) {
		if (!self.isActive) {
			return;
		}
		// Calculate offset from center
		var offsetX = x - self.centerX;
		var offsetY = y - self.centerY;
		var distance = Math.sqrt(offsetX * offsetX + offsetY * offsetY);
		// Constrain handle within base radius
		if (distance > self.baseRadius) {
			offsetX = offsetX / distance * self.baseRadius;
			offsetY = offsetY / distance * self.baseRadius;
			distance = self.baseRadius;
		}
		self.handleX = offsetX;
		self.handleY = offsetY;
		handleGraphics.x = offsetX;
		handleGraphics.y = offsetY;
		// Return normalized values for movement
		return {
			x: offsetX / self.baseRadius,
			y: offsetY / self.baseRadius,
			magnitude: distance / self.baseRadius
		};
	};
	self.visible = false;
	return self;
});

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

/**** 
* Game Code
****/ 
// Initialize muscle variable
var muscle = 0;
// Initialize win variable
var win = 0;
// Initialize shop variables
var muscleBoost = 0; // Additional muscle gain per flex
var shopPrice = 5; // Current price for muscle boost
var shopBoostAmount = 0.10; // Current boost amount
var isShopOpen = false; // Track if shop UI is open
// Joystick handle (smaller circle)
// Joystick base (semi-transparent circle)
// Character shape
var character = game.addChild(new Character());
character.x = 1024;
character.y = 1366;
// Create Weight Lifting rectangle at top-center, 100px from left edge
var weightLiftingRect = game.addChild(LK.getAsset('weightLiftingRect', {
	anchorX: 0.5,
	anchorY: 0.5
}));
weightLiftingRect.x = 200 + 175; // 200px from left + half width (175) to center
weightLiftingRect.y = 50 + 110; // 50 + half height (70) to center
// Add text above the rectangle
var weightLiftingText = new Text2('Weight Lifting', {
	size: 58,
	// 36 * 1.6 = 57.6, rounded to 58
	fill: '#ffffff'
});
weightLiftingText.anchor.set(0.5, 1);
weightLiftingText.x = weightLiftingRect.x;
weightLiftingText.y = weightLiftingRect.y - 75;
game.addChild(weightLiftingText);
// Create enemy at top right, 150px from top
var enemy = game.addChild(LK.getAsset('dusman', {
	anchorX: 0.5,
	anchorY: 0.5
}));
enemy.x = 2048 - 200; // Right edge minus half width
enemy.y = 150 + 100; // 150px from top plus half height
// Add power text above enemy
var enemyPowerText = new Text2('Power: 10', {
	size: 60,
	fill: '#ffffff'
});
enemyPowerText.anchor.set(0.5, 1);
enemyPowerText.x = enemy.x;
enemyPowerText.y = enemy.y - 100;
game.addChild(enemyPowerText);
// Variables for weight lifting interaction
var isMovingToWeights = false;
var isWaitingAtWeights = false;
var joystick = game.addChild(new Joystick());
var isDragging = false;
var joystickTouchId = null;
// Create shop object at bottom left
var shop = LK.gui.bottomLeft.addChild(LK.getAsset('shop_bg', {
	anchorX: 0,
	anchorY: 1,
	scaleX: 0.15,
	scaleY: 0.15
}));
shop.x = 50;
shop.y = -50;
// Add shop text
var shopText = new Text2('Shop', {
	size: 40,
	fill: '#ffffff'
});
shopText.anchor.set(0.5, 0.5);
shopText.x = shop.width / 2;
shopText.y = shop.height / 2;
shop.addChild(shopText);
// Create shop UI (initially hidden)
var shopUI = LK.gui.center.addChild(LK.getAsset('shop_bg', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: 0.65,
	scaleY: 0.65
}));
shopUI.visible = false;
// Create shopping image UI element (initially hidden)
var shoppingImage = LK.gui.center.addChild(LK.getAsset('shopping', {
	anchorX: 0.5,
	anchorY: 0.5,
	scaleX: 0.8,
	scaleY: 0.8
}));
shoppingImage.visible = false;
// Create close button UI element (initially hidden)
var closeButton = LK.gui.center.addChild(LK.getAsset('close', {
	anchorX: 0.5,
	anchorY: 0.5
}));
closeButton.visible = false;
closeButton.x = 300; // Position close button to the right of shopping image
closeButton.y = -250; // Position close button at the top of shopping image
// Add shop upgrade text
var shopUpgradeText = new Text2('5 muscle = +0.10 muscle boost', {
	size: 60,
	fill: '#ffffff'
});
shopUpgradeText.anchor.set(0.5, 0.5);
shopUpgradeText.x = 0;
shopUpgradeText.y = 0;
shopUpgradeText.visible = false;
shoppingImage.addChild(shopUpgradeText);
// Add close button text
var closeShopText = new Text2('Close', {
	size: 50,
	fill: '#ff0000'
});
closeShopText.anchor.set(0.5, 0.5);
closeShopText.x = 0;
closeShopText.y = 200;
shopUI.addChild(closeShopText);
game.down = function (x, y, obj) {
	// Check if shop UI is open
	if (isShopOpen) {
		// Check if close button was clicked (convert screen coordinates to GUI coordinates)
		var screenY = y * (LK.gui.height / 2732);
		var screenX = x * (LK.gui.width / 2048);
		var guiCenterX = LK.gui.width / 2;
		var guiCenterY = LK.gui.height / 2;
		// Calculate close button bounds in screen coordinates
		var closeBounds = {
			left: guiCenterX + closeButton.x - 50,
			right: guiCenterX + closeButton.x + 50,
			top: guiCenterY + closeButton.y - 50,
			bottom: guiCenterY + closeButton.y + 50
		};
		if (screenX >= closeBounds.left && screenX <= closeBounds.right && screenY >= closeBounds.top && screenY <= closeBounds.bottom) {
			// Close shop
			isShopOpen = false;
			shoppingImage.visible = false;
			closeButton.visible = false;
			shopUpgradeText.visible = false;
			return;
		}
		return;
	}
	// Check if shop was clicked (convert screen coordinates to GUI coordinates)
	var shopBounds = {
		left: shop.x,
		right: shop.x + shop.width,
		top: LK.gui.height - 50 - shop.height,
		bottom: LK.gui.height - 50
	};
	// Use screen coordinates for shop detection
	var screenY = y * (LK.gui.height / 2732);
	var screenX = x * (LK.gui.width / 2048);
	if (screenX >= shopBounds.left && screenX <= shopBounds.right && screenY >= shopBounds.top && screenY <= shopBounds.bottom) {
		// Toggle shop
		isShopOpen = !isShopOpen;
		shoppingImage.visible = isShopOpen;
		closeButton.visible = isShopOpen;
		shopUpgradeText.visible = isShopOpen;
		return;
	}
	// Check if enemy was clicked and character has muscle >= 10
	var enemyLeft = enemy.x - 100;
	var enemyRight = enemy.x + 100;
	var enemyTop = enemy.y - 100;
	var enemyBottom = enemy.y + 100;
	if (x >= enemyLeft && x <= enemyRight && y >= enemyTop && y <= enemyBottom && muscle >= 10) {
		// Wait 1.25 seconds then increment win
		LK.setTimeout(function () {
			win += 1;
		}, 1250);
		return;
	}
	// Check if weight lifting rectangle was clicked
	var rectLeft = weightLiftingRect.x - 175;
	var rectRight = weightLiftingRect.x + 175;
	var rectTop = weightLiftingRect.y - 70;
	var rectBottom = weightLiftingRect.y + 70;
	if (x >= rectLeft && x <= rectRight && y >= rectTop && y <= rectBottom && !isMovingToWeights && !isWaitingAtWeights) {
		// Move character to weight lifting area
		isMovingToWeights = true;
		character.setVelocity(0, 0); // Stop current movement
		tween(character, {
			x: weightLiftingRect.x,
			y: weightLiftingRect.y + 350
		}, {
			duration: 500,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				isMovingToWeights = false;
				isWaitingAtWeights = true;
				// Wait 1 second then increase muscle
				LK.setTimeout(function () {
					muscle += 1 + muscleBoost;
					isWaitingAtWeights = false;
				}, 250);
			}
		});
		return;
	}
	// Show joystick at bottom-left area when touched
	if (x < 400 && y > 2332) {
		joystick.show(x, y);
		isDragging = true;
		var input = joystick.updateHandle(x, y);
		if (input) {
			character.setVelocity(input.x * input.magnitude, input.y * input.magnitude);
		}
	}
};
game.move = function (x, y, obj) {
	if (isDragging && joystick.isActive && !isMovingToWeights && !isWaitingAtWeights) {
		var input = joystick.updateHandle(x, y);
		if (input) {
			character.setVelocity(input.x * input.magnitude, input.y * input.magnitude);
		}
	}
};
game.up = function (x, y, obj) {
	if (isDragging && !isMovingToWeights && !isWaitingAtWeights) {
		isDragging = false;
		joystick.hide();
		character.setVelocity(0, 0);
	}
};
game.update = function () {
	// Character update is handled automatically by its update method
};

===================================================================
--- original.js
+++ change.js
@@ -302,21 +302,20 @@
 game.down = function (x, y, obj) {
 	// Check if shop UI is open
 	if (isShopOpen) {
 		// Check if close button was clicked (convert screen coordinates to GUI coordinates)
-		var closeBounds = {
-			left: closeButton.x - 50,
-			right: closeButton.x + 50,
-			top: closeButton.y - 50,
-			bottom: closeButton.y + 50
-		};
 		var screenY = y * (LK.gui.height / 2732);
 		var screenX = x * (LK.gui.width / 2048);
 		var guiCenterX = LK.gui.width / 2;
 		var guiCenterY = LK.gui.height / 2;
-		var relativeX = screenX - guiCenterX + closeButton.x;
-		var relativeY = screenY - guiCenterY + closeButton.y;
-		if (relativeX >= closeBounds.left && relativeX <= closeBounds.right && relativeY >= closeBounds.top && relativeY <= closeBounds.bottom) {
+		// Calculate close button bounds in screen coordinates
+		var closeBounds = {
+			left: guiCenterX + closeButton.x - 50,
+			right: guiCenterX + closeButton.x + 50,
+			top: guiCenterY + closeButton.y - 50,
+			bottom: guiCenterY + closeButton.y + 50
+		};
+		if (screenX >= closeBounds.left && screenX <= closeBounds.right && screenY >= closeBounds.top && screenY <= closeBounds.bottom) {
 			// Close shop
 			isShopOpen = false;
 			shoppingImage.visible = false;
 			closeButton.visible = false;