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

/**** 
* Classes
****/ 
var MenuButton = Container.expand(function (label, yPos) {
	var self = Container.call(this);
	// Button background
	var buttonBg = self.attachAsset('button', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Button highlight (initially invisible)
	var highlight = self.attachAsset('buttonHighlight', {
		anchorX: 0.5,
		anchorY: 0.5,
		alpha: 0
	});
	// Button text
	var text = new Text2(label, {
		size: 70,
		fill: 0xFFFFFF
	});
	text.anchor.set(0.5, 0.5);
	self.addChild(text);
	// Set position
	self.y = yPos;
	// Event handlers
	self.down = function (x, y, obj) {
		// Scale down effect
		tween(buttonBg, {
			scaleX: 0.95,
			scaleY: 0.95
		}, {
			duration: 100,
			easing: tween.easeOut
		});
		// Play sound
		LK.getSound('buttonClick').play();
	};
	self.up = function (x, y, obj) {
		// Scale back to normal
		tween(buttonBg, {
			scaleX: 1,
			scaleY: 1
		}, {
			duration: 200,
			easing: tween.easeOut
		});
		// Handle button action
		if (label === "Shop") {
			showShopView();
		} else if (label === "Play") {
			showPlayView();
		} else if (label === "Settings") {
			showSettingsView();
		}
	};
	// Hover effect methods
	self.showHighlight = function () {
		tween(highlight, {
			alpha: 0.3
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	self.hideHighlight = function () {
		tween(highlight, {
			alpha: 0
		}, {
			duration: 200,
			easing: tween.easeOut
		});
	};
	// Function to set the button text
	self.setLabel = function (newLabel) {
		text.setText(newLabel);
	};
	return self;
});
var MenuView = Container.expand(function () {
	var self = Container.call(this);
	// Background panel
	var background = self.attachAsset('menuBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Title text
	var titleText = new Text2("Game Menu", {
		size: 120,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.y = -600;
	self.addChild(titleText);
	// Buttons
	var playButton = new MenuButton("Play", -250);
	var shopButton = new MenuButton("Shop", 0);
	var settingsButton = new MenuButton("Settings", 250);
	self.addChild(shopButton);
	self.addChild(playButton);
	self.addChild(settingsButton);
	// Hover tracking
	var hoveredButton = null;
	// Track mouse movement for hover effects
	self.move = function (x, y, obj) {
		var localPos = {
			x: x,
			y: y
		};
		// Clear previous hover state
		if (hoveredButton) {
			hoveredButton.hideHighlight();
			hoveredButton = null;
		}
		// Check if hovering over any button
		if (playButton.getBounds().contains(localPos.x, localPos.y)) {
			playButton.showHighlight();
			hoveredButton = playButton;
		} else if (shopButton.getBounds().contains(localPos.x, localPos.y)) {
			shopButton.showHighlight();
			hoveredButton = shopButton;
		} else if (settingsButton.getBounds().contains(localPos.x, localPos.y)) {
			settingsButton.showHighlight();
			hoveredButton = settingsButton;
		}
	};
	// Animation for showing the menu
	self.animateIn = function () {
		// Initial state
		background.alpha = 0;
		titleText.alpha = 0;
		shopButton.alpha = 0;
		playButton.alpha = 0;
		settingsButton.alpha = 0;
		// Background fade in
		tween(background, {
			alpha: 1
		}, {
			duration: 500,
			easing: tween.easeOut
		});
		// Title slide down
		titleText.y = -800;
		tween(titleText, {
			alpha: 1,
			y: -600
		}, {
			duration: 700,
			easing: tween.easeOut
		});
		// Buttons fade in sequence
		LK.setTimeout(function () {
			tween(playButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 200);
		LK.setTimeout(function () {
			tween(shopButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 350);
		LK.setTimeout(function () {
			tween(settingsButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 500);
	};
	return self;
});
var ShopView = Container.expand(function () {
	var self = Container.call(this);
	// Background panel
	var background = self.attachAsset('menuBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Title text
	var titleText = new Text2("Shop", {
		size: 120,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.y = -600;
	self.addChild(titleText);
	// Buttons
	var skinsButton = new MenuButton("Skins", -250);
	var upgradesButton = new MenuButton("Upgrades", 0);
	var backButton = new MenuButton("Back to Menu", 250);
	self.addChild(skinsButton);
	self.addChild(upgradesButton);
	self.addChild(backButton);
	// Button actions
	skinsButton.up = function (x, y, obj) {
		// Open skins view
		showSkinsView();
	};
	backButton.up = function (x, y, obj) {
		// Return to main menu
		showMainMenu();
	};
	// Animation for showing the shop
	self.animateIn = function () {
		// Initial state
		background.alpha = 0;
		titleText.alpha = 0;
		skinsButton.alpha = 0;
		upgradesButton.alpha = 0;
		backButton.alpha = 0;
		// Background fade in
		tween(background, {
			alpha: 1
		}, {
			duration: 500,
			easing: tween.easeOut
		});
		// Title slide down
		titleText.y = -800;
		tween(titleText, {
			alpha: 1,
			y: -600
		}, {
			duration: 700,
			easing: tween.easeOut
		});
		// Buttons fade in sequence
		LK.setTimeout(function () {
			tween(skinsButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 200);
		LK.setTimeout(function () {
			tween(upgradesButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 350);
		LK.setTimeout(function () {
			tween(backButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 500);
	};
	return self;
});
var SkinsView = Container.expand(function () {
	var self = Container.call(this);
	// Background panel
	var background = self.attachAsset('menuBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Title text
	var titleText = new Text2("Skins", {
		size: 120,
		fill: 0xFFFFFF
	});
	titleText.anchor.set(0.5, 0.5);
	titleText.y = -600;
	self.addChild(titleText);
	// Skins display (example skins)
	var skin1 = new MenuButton("Blue - $10", -250);
	var skin2 = new MenuButton("Red - $14", 0);
	var greenButton = new MenuButton("Green - $12", 250);
	self.addChild(skin1);
	self.addChild(skin2);
	self.addChild(greenButton);
	var backButton = new MenuButton("Back to Shop", 250);
	self.addChild(backButton);
	// Button actions
	backButton.up = function (x, y, obj) {
		// Return to shop view
		showShopView();
	};
	// Animation for showing the skins
	self.animateIn = function () {
		// Initial state
		background.alpha = 0;
		titleText.alpha = 0;
		skin1.alpha = 0;
		skin2.alpha = 0;
		backButton.alpha = 0;
		// Background fade in
		tween(background, {
			alpha: 1
		}, {
			duration: 500,
			easing: tween.easeOut
		});
		// Title slide down
		titleText.y = -800;
		tween(titleText, {
			alpha: 1,
			y: -600
		}, {
			duration: 700,
			easing: tween.easeOut
		});
		// Skins fade in sequence
		LK.setTimeout(function () {
			tween(skin1, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 200);
		LK.setTimeout(function () {
			tween(skin2, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 350);
		LK.setTimeout(function () {
			tween(backButton, {
				alpha: 1
			}, {
				duration: 300,
				easing: tween.easeOut
			});
		}, 500);
	};
	return self;
});

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

/**** 
* Game Code
****/ 
function showSkinsView() {
	if (currentView === "skins") {
		return;
	}
	// Destroy current view and create skins view
	if (currentView === "shop") {
		shopView.destroy();
	}
	skinsView = new SkinsView();
	skinsView.x = 2048 / 2;
	skinsView.y = 2732 / 2;
	game.addChild(skinsView);
	skinsView.animateIn();
	currentView = "skins";
}
function showMainMenu() {
	if (currentView === "main") {
		return;
	}
	// Destroy current view and create main menu
	if (currentView === "shop") {
		shopView.destroy();
	}
	createMainMenu();
	currentView = "main";
}
// Main elements
var mainMenu;
var currentView = "main"; // Track which view is currently shown
// Create the main menu
function createMainMenu() {
	mainMenu = new MenuView();
	mainMenu.x = 2048 / 2;
	mainMenu.y = 2732 / 2;
	game.addChild(mainMenu);
	mainMenu.animateIn();
}
// Show functions for different views
function showShopView() {
	if (currentView === "shop") {
		return;
	}
	// Destroy current view and create shop view
	if (currentView === "main") {
		mainMenu.destroy();
	}
	shopView = new ShopView();
	shopView.x = 2048 / 2;
	shopView.y = 2732 / 2;
	game.addChild(shopView);
	shopView.animateIn();
	currentView = "shop";
}
function showPlayView() {
	if (currentView === "play") {
		return;
	}
	// Start the shooter game
	startShooterGame();
	currentView = "play";
}
function showSettingsView() {
	if (currentView === "settings") {
		return;
	}
	// Simple feedback for now - in a real game, this would show settings menu
	var notification = new Text2("Opening Settings...", {
		size: 70,
		fill: 0xFFFFFF
	});
	notification.anchor.set(0.5, 0.5);
	notification.x = 2048 / 2;
	notification.y = 2732 - 300;
	notification.alpha = 0;
	game.addChild(notification);
	tween(notification, {
		alpha: 1
	}, {
		duration: 300,
		easing: tween.linear,
		onFinish: function onFinish() {
			LK.setTimeout(function () {
				tween(notification, {
					alpha: 0
				}, {
					duration: 300,
					easing: tween.linear,
					onFinish: function onFinish() {
						notification.destroy();
					}
				});
			}, 1500);
		}
	});
	currentView = "settings";
}
// Game events
game.down = function (x, y, obj) {
	// Global down event if needed
};
game.up = function (x, y, obj) {
	// Global up event if needed
};
game.move = function (x, y, obj) {
	// Global move event if needed
};
// Initialize game
createMainMenu();
// Play background music
LK.playMusic('menuMusic', {
	fade: {
		start: 0,
		end: 0.7,
		duration: 1000
	}
});
// Main game loop
game.update = function () {
	// Any continuous updates can go here
	// For a menu, we don't need much in the update loop
};

===================================================================
--- original.js
+++ change.js
@@ -413,37 +413,10 @@
 function showPlayView() {
 	if (currentView === "play") {
 		return;
 	}
-	// Simple feedback for now - in a real game, this would start the actual gameplay
-	var notification = new Text2("Starting Game...", {
-		size: 70,
-		fill: 0xFFFFFF
-	});
-	notification.anchor.set(0.5, 0.5);
-	notification.x = 2048 / 2;
-	notification.y = 2732 - 300;
-	notification.alpha = 0;
-	game.addChild(notification);
-	tween(notification, {
-		alpha: 1
-	}, {
-		duration: 300,
-		easing: tween.linear,
-		onFinish: function onFinish() {
-			LK.setTimeout(function () {
-				tween(notification, {
-					alpha: 0
-				}, {
-					duration: 300,
-					easing: tween.linear,
-					onFinish: function onFinish() {
-						notification.destroy();
-					}
-				});
-			}, 1500);
-		}
-	});
+	// Start the shooter game
+	startShooterGame();
 	currentView = "play";
 }
 function showSettingsView() {
 	if (currentView === "settings") {