/**** 
* Classes
****/
var ShopItem = Container.expand(function (id, price) {
	var self = Container.call(this);
	self.id = id;
	self.price = price;
	self.affordable = true;
	self.updateAffordability = function (playerCoins) {
		self.affordable = playerCoins >= self.price;
		self.assetId = self.affordable ? 'itemAffordable' : 'itemExpensive';
		self.refreshAsset();
	};
	self.refreshAsset = function () {
		if (self.asset) {
			self.removeChild(self.asset);
		}
		if (self.assetId) {
			self.asset = self.attachAsset(self.assetId, {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
	};
	self.refreshAsset();
});
var ShopMenu = Container.expand(function () {
	var self = Container.call(this);
	self.visible = false;
	self.items = [];
	self.background = self.attachAsset('shopBackground', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.toggleVisibility = function () {
		self.visible = !self.visible;
		self.background.visible = self.visible; // Show/hide background with the menu
	};
	self.addItem = function (item) {
		self.items.push(item);
		self.addChild(item);
	};
	self.updateItemsAffordability = function (playerCoins) {
		self.items.forEach(function (item) {
			item.updateAffordability(playerCoins);
		});
	};
});

/**** 
* Initialize Game
****/
var game = new LK.Game({
	backgroundColor: 0x000000 // Init game with black background
});

/**** 
* Game Code
****/
var shopButton = game.addChild(LK.getAsset('shopIcon', {
	anchorX: 1,
	anchorY: 0,
	x: 2048,
	y: 0
}));
var shopMenu = game.addChild(new ShopMenu());
shopMenu.x = 1024; // Center of the screen
shopMenu.y = 1366; // Middle of the screen
// Sample items for the shop
shopMenu.addItem(new ShopItem('item1', 100));
shopMenu.addItem(new ShopItem('item2', 200));
shopMenu.addItem(new ShopItem('item3', 300));
shopMenu.addItem(new ShopItem('item4', 400));
shopMenu.addItem(new ShopItem('item5', 500));
shopMenu.addItem(new ShopItem('item6', 600));
shopMenu.addItem(new ShopItem('item7', 700));
shopMenu.addItem(new ShopItem('item8', 800));
// Position shop items in rows of 3
var itemOffsetY = 200;
var itemOffsetX = 200;
var itemsPerRow = 3;
shopMenu.items.forEach(function (item, index) {
	var rowIndex = Math.floor(index / itemsPerRow);
	var columnIndex = index % itemsPerRow;
	item.x = columnIndex * itemOffsetX - itemsPerRow * itemOffsetX / 2;
	item.y = rowIndex * itemOffsetY - shopMenu.items.length / itemsPerRow / 2 * itemOffsetY;
});
// Player's coins
var playerCoins = 150; // Example starting coins
// Shop button event listener
shopButton.on('down', function () {
	shopMenu.toggleVisibility();
	shopMenu.updateItemsAffordability(playerCoins);
});
// Main game loop
LK.on('tick', function () {
	// Game logic goes here
	// For example, earning coins or spending them in the shop
	// This is just a placeholder for the actual game logic
});
// Hide the shop menu initially
shopMenu.visible = false;
// Update the shop menu's visibility based on the shop button
game.on('tick', function () {
	shopMenu.visible = shopMenu.visible;
});

===================================================================
--- original.js
+++ change.js
@@ -75,16 +75,16 @@
 shopMenu.addItem(new ShopItem('item6', 600));
 shopMenu.addItem(new ShopItem('item7', 700));
 shopMenu.addItem(new ShopItem('item8', 800));
 // Position shop items in rows of 3
-var itemOffsetX = 300; // Horizontal offset between items
-var itemOffsetY = 200; // Vertical offset between items
-var itemsPerRow = 3; // Number of items per row
+var itemOffsetY = 200;
+var itemOffsetX = 200;
+var itemsPerRow = 3;
 shopMenu.items.forEach(function (item, index) {
-	var row = Math.floor(index / itemsPerRow);
-	var col = index % itemsPerRow;
-	item.x = (col - itemsPerRow / 2) * itemOffsetX;
-	item.y = (row - shopMenu.items.length / itemsPerRow / 2) * itemOffsetY;
+	var rowIndex = Math.floor(index / itemsPerRow);
+	var columnIndex = index % itemsPerRow;
+	item.x = columnIndex * itemOffsetX - itemsPerRow * itemOffsetX / 2;
+	item.y = rowIndex * itemOffsetY - shopMenu.items.length / itemsPerRow / 2 * itemOffsetY;
 });
 // Player's coins
 var playerCoins = 150; // Example starting coins
 // Shop button event listener