/**** 
* Plugins
****/ 
var tween = LK.import("@upit/tween.v1");
var storage = LK.import("@upit/storage.v1", {
	petLevel: 1,
	petXp: 0,
	lastFed: 0,
	lastCleaned: 0,
	lastPlayed: 0
});

/**** 
* Classes
****/ 
var ActionButton = Container.expand(function (actionType, position) {
	var self = Container.call(this);
	var buttonShape;
	if (actionType === 'feed') {
		buttonShape = self.attachAsset('foodItem', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (actionType === 'clean') {
		buttonShape = self.attachAsset('cleaningItem', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	} else if (actionType === 'play') {
		buttonShape = self.attachAsset('playItem', {
			anchorX: 0.5,
			anchorY: 0.5
		});
	}
	self.buttonType = actionType;
	self.interactive = true;
	self.down = function (x, y, obj) {
		tween(buttonShape, {
			scaleX: 0.8,
			scaleY: 0.8
		}, {
			duration: 100
		});
	};
	self.up = function (x, y, obj) {
		tween(buttonShape, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (self.buttonType === 'feed') {
					performFeedAction();
				} else if (self.buttonType === 'clean') {
					performCleanAction();
				} else if (self.buttonType === 'play') {
					performPlayAction();
				}
			}
		});
	};
	return self;
});
var MainMenu = Container.expand(function () {
	var self = Container.call(this);
	// Background image
	var background = self.attachAsset('menu_background', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	background.x = 2048 / 2;
	background.y = 2732 / 2;
	// Game logo
	var gameLogo = self.attachAsset('game_logo', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	gameLogo.x = 2048 / 2;
	gameLogo.y = 800;
	// Play button image
	var playButton = self.attachAsset('play_button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	playButton.x = 2048 / 2;
	playButton.y = 2732 / 2 + 200;
	playButton.interactive = true;
	// Reset button
	var resetButton = new Text2("Reset Game", {
		size: 60,
		fill: 0xFFFFFF
	});
	resetButton.anchor.set(0.5, 0.5);
	resetButton.x = 2048 / 2;
	resetButton.y = 2732 / 2 + 400;
	resetButton.interactive = true;
	self.addChild(resetButton);
	// Button animations and interaction
	playButton.down = function (x, y, obj) {
		tween(playButton, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100
		});
	};
	playButton.up = function (x, y, obj) {
		tween(playButton, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (self.onStartGame) {
					self.onStartGame();
				}
			}
		});
	};
	// Reset button interactions
	resetButton.down = function (x, y, obj) {
		tween(resetButton, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100
		});
	};
	resetButton.up = function (x, y, obj) {
		tween(resetButton, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 100,
			onFinish: function onFinish() {
				if (self.onResetGame) {
					self.onResetGame();
				}
			}
		});
	};
	// Add some animation to the logo
	function animateLogo() {
		tween(gameLogo, {
			y: gameLogo.y - 15
		}, {
			duration: 1500,
			easing: tween.easeInOut,
			onFinish: function onFinish() {
				tween(gameLogo, {
					y: gameLogo.y + 15
				}, {
					duration: 1500,
					easing: tween.easeInOut,
					onFinish: animateLogo
				});
			}
		});
	}
	// Start the animation
	animateLogo();
	return self;
});
var Pet = Container.expand(function () {
	var self = Container.call(this);
	var currentLevel = storage.petLevel || 1;
	var petAssetId = 'pet_baby';
	// Determine which asset to use based on level
	if (currentLevel === 1) {
		petAssetId = 'pet_baby';
	} else if (currentLevel === 2) {
		petAssetId = 'pet_child';
	} else if (currentLevel === 3) {
		petAssetId = 'pet_teen';
	} else if (currentLevel >= 4) {
		petAssetId = 'pet_adult';
	}
	var petGraphics = self.attachAsset(petAssetId, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.happy = function () {
		// Bounce animation
		tween(self, {
			y: self.y - 50
		}, {
			duration: 300,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(self, {
					y: self.y + 50
				}, {
					duration: 300,
					easing: tween.bounceOut,
					onFinish: function onFinish() {
						petPosition.x = self.x;
						petPosition.y = self.y;
					}
				});
			}
		});
	};
	self.evolve = function () {
		// Evolution animation
		LK.getSound('evolve').play();
		// Flash and grow
		LK.effects.flashObject(self, 0xFFFFFF, 1000);
		tween(petGraphics, {
			scaleX: 1.5,
			scaleY: 1.5
		}, {
			duration: 500,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				// Update to new visual based on new level
				currentLevel = storage.petLevel;
				var newPetAssetId;
				if (currentLevel === 2) {
					newPetAssetId = 'pet_child';
				} else if (currentLevel === 3) {
					newPetAssetId = 'pet_teen';
				} else if (currentLevel >= 4) {
					newPetAssetId = 'pet_adult';
				}
				// Remove old graphic and add new one
				self.removeChild(petGraphics);
				petGraphics = self.attachAsset(newPetAssetId, {
					anchorX: 0.5,
					anchorY: 0.5,
					scaleX: 1.5,
					scaleY: 1.5
				});
				// Reset scale with animation
				tween(petGraphics, {
					scaleX: 1,
					scaleY: 1
				}, {
					duration: 300,
					easing: tween.easeOut
				});
			}
		});
	};
	return self;
});
var ProgressBar = Container.expand(function () {
	var self = Container.call(this);
	var barBackground = self.attachAsset('progressBar_bg', {
		anchorX: 0,
		anchorY: 0.5
	});
	var barFill = self.attachAsset('progressBar_fill', {
		anchorX: 0,
		anchorY: 0.5
	});
	// Set initial width to zero
	barFill.width = 0;
	self.update = function (current, max) {
		var fillPercentage = current / max;
		var targetWidth = fillPercentage * barBackground.width;
		// Stop any existing tween on the barFill width
		tween.stop(barFill, {
			width: true
		});
		// Animate the progress bar fill using tween
		tween(barFill, {
			width: targetWidth
		}, {
			duration: 500,
			easing: tween.easeOut
		});
	};
	return self;
});
var StatusText = Text2.expand(function (initialText) {
	var self = Text2.call(this, initialText, {
		size: 60,
		fill: 0xFFFFFF
	});
	self.anchor.set(0.5, 0.5);
	self.showMessage = function (message) {
		self.setText(message);
		self.alpha = 1;
		tween(self, {
			alpha: 0
		}, {
			duration: 3000,
			easing: tween.linear
		});
	};
	return self;
});

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

/**** 
* Game Code
****/ 
// Game constants
var BASE_XP_PER_LEVEL = 100;
var XP_PER_LEVEL = BASE_XP_PER_LEVEL * Math.pow(2, petLevel - 1); // Doubles with each level
var XP_GAIN_FEED = 20;
var XP_GAIN_CLEAN = 15;
var XP_GAIN_PLAY = 25;
var COOLDOWN_TIME = 10000; // 10 seconds cooldown between actions
// Game state
var petXp = storage.petXp || 0;
var petLevel = storage.petLevel || 1;
var lastFed = storage.lastFed || 0;
var lastCleaned = storage.lastCleaned || 0;
var lastPlayed = storage.lastPlayed || 0;
// Vector2 positions for pet at different evolution levels
var petBabyPosition = {
	x: 2048 / 2,
	y: 2732 / 2 + 250
};
var petChildPosition = {
	x: 2048 / 2,
	y: 2732 / 2 + 200
};
var petTeenPosition = {
	x: 2048 / 2,
	y: 2732 / 2 + 150
};
var petAdultPosition = {
	x: 2048 / 2,
	y: 2732 / 2 + 150
};
// Track current game state
var currentScreen = "menu";
var mainMenu, pet, progressBar, statusText, levelText;
var feedButton, cleanButton, playButton;
// Current pet position based on level
var petPosition = petBabyPosition;
// Initialize menu
function initMainMenu() {
	// Clear previous game elements if they exist
	clearGameElements();
	// Create and setup main menu
	mainMenu = new MainMenu();
	game.addChild(mainMenu);
	// Set up start game callback
	mainMenu.onStartGame = function () {
		currentScreen = "game";
		initGameScreen();
	};
	// Set up reset game callback
	mainMenu.onResetGame = function () {
		// Reset all storage values
		storage.petLevel = 1;
		storage.petXp = 0;
		storage.lastFed = 0;
		storage.lastCleaned = 0;
		storage.lastPlayed = 0;
		// Show confirmation text
		var confirmText = new Text2("Game data reset!", {
			size: 60,
			fill: 0xFFFFFF
		});
		confirmText.anchor.set(0.5, 0.5);
		confirmText.x = 2048 / 2;
		confirmText.y = 2732 / 2 + 500;
		mainMenu.addChild(confirmText);
		// Fade out confirmation text
		tween(confirmText, {
			alpha: 0
		}, {
			duration: 2000,
			onFinish: function onFinish() {
				mainMenu.removeChild(confirmText);
			}
		});
	};
	// Play background music
	LK.playMusic('bgmusic');
}
// Initialize game screen
function initGameScreen() {
	// Clear previous elements
	clearGameElements();
	// Add game background
	var gameBackground = LK.getAsset('game_background', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	gameBackground.x = 2048 / 2;
	gameBackground.y = 2732 / 2;
	game.addChild(gameBackground);
	// Create game elements
	pet = new Pet();
	pet.x = petPosition.x;
	pet.y = petPosition.y;
	game.addChild(pet);
	// Progress bar
	progressBar = new ProgressBar();
	progressBar.x = (2048 - progressBar.children[0].width) / 2;
	progressBar.y = 2732 - 200;
	game.addChild(progressBar);
	// Status text
	statusText = new StatusText("");
	statusText.x = 2048 / 2;
	statusText.y = progressBar.y + 100;
	statusText.alpha = 0;
	game.addChild(statusText);
	// Level text
	levelText = new Text2("Level " + petLevel, {
		size: 80,
		fill: 0xFFFFFF
	});
	levelText.anchor.set(0.5, 0.5);
	levelText.x = 2048 / 2;
	levelText.y = 200;
	game.addChild(levelText);
	// Create action buttons
	feedButton = new ActionButton('feed');
	feedButton.x = 2048 / 4;
	feedButton.y = 2732 - 400;
	game.addChild(feedButton);
	cleanButton = new ActionButton('clean');
	cleanButton.x = 2048 / 2;
	cleanButton.y = 2732 - 400;
	game.addChild(cleanButton);
	playButton = new ActionButton('play');
	playButton.x = 2048 * 3 / 4;
	playButton.y = 2732 - 400;
	game.addChild(playButton);
	// Recalculate XP_PER_LEVEL based on current level
	XP_PER_LEVEL = BASE_XP_PER_LEVEL * Math.pow(2, petLevel - 1);
	// Update the progress bar on start
	progressBar.update(petXp, XP_PER_LEVEL);
}
// Clear all game elements
function clearGameElements() {
	while (game.children.length > 0) {
		game.removeChild(game.children[0]);
	}
}
// Start with main menu
initMainMenu();
// Play background music
LK.playMusic('bgmusic');
function performFeedAction() {
	var currentTime = Date.now();
	if (currentTime - lastFed < COOLDOWN_TIME) {
		statusText.showMessage("Pet is still full! Wait a moment.");
		return;
	}
	LK.getSound('feed').play();
	pet.happy();
	lastFed = currentTime;
	storage.lastFed = lastFed;
	addXp(XP_GAIN_FEED);
	statusText.showMessage("Pet fed! +20 XP");
}
function performCleanAction() {
	var currentTime = Date.now();
	if (currentTime - lastCleaned < COOLDOWN_TIME) {
		statusText.showMessage("Pet is already clean! Wait a moment.");
		return;
	}
	LK.getSound('clean').play();
	pet.happy();
	lastCleaned = currentTime;
	storage.lastCleaned = lastCleaned;
	addXp(XP_GAIN_CLEAN);
	statusText.showMessage("Pet cleaned! +15 XP");
}
function performPlayAction() {
	var currentTime = Date.now();
	if (currentTime - lastPlayed < COOLDOWN_TIME) {
		statusText.showMessage("Pet is tired! Wait a moment.");
		return;
	}
	LK.getSound('play').play();
	pet.happy();
	lastPlayed = currentTime;
	storage.lastPlayed = lastPlayed;
	addXp(XP_GAIN_PLAY);
	statusText.showMessage("Played with pet! +25 XP");
}
function addXp(amount) {
	petXp += amount;
	storage.petXp = petXp;
	// Check for level up
	if (petXp >= XP_PER_LEVEL) {
		petLevel += 1;
		petXp = 0;
		storage.petLevel = petLevel;
		storage.petXp = petXp;
		// Recalculate XP_PER_LEVEL for next level - doubles with each level
		XP_PER_LEVEL = BASE_XP_PER_LEVEL * Math.pow(2, petLevel - 1);
		// Update pet position based on new level
		if (petLevel === 2) {
			petPosition = petChildPosition;
		} else if (petLevel === 3) {
			petPosition = petTeenPosition;
		} else if (petLevel >= 4) {
			petPosition = petAdultPosition;
		}
		// Update pet position
		pet.x = petPosition.x;
		pet.y = petPosition.y;
		levelText.setText("Level " + petLevel);
		pet.evolve();
		if (petLevel >= 4) {
			statusText.showMessage("Maximum level reached!");
		} else {
			statusText.showMessage("Pet evolved to level " + petLevel + "! Next level: " + XP_PER_LEVEL + " XP");
		}
	}
	// Update progress bar
	progressBar.update(petXp, XP_PER_LEVEL);
}
// Game update function
game.update = function () {
	// Screen-specific updates
	if (currentScreen === "game") {
		// Any per-frame updates for gameplay can go here
	} else if (currentScreen === "menu") {
		// Any per-frame updates for menu can go here
	}
};

===================================================================
--- original.js
+++ change.js
@@ -253,9 +253,9 @@
 		anchorX: 0,
 		anchorY: 0.5
 	});
 	// Set initial width to zero
-	barFill.width = O;
+	barFill.width = 0;
 	self.update = function (current, max) {
 		var fillPercentage = current / max;
 		var targetWidth = fillPercentage * barBackground.width;
 		// Stop any existing tween on the barFill width