/**** 
* Classes
****/ 
//<Assets used in the game will automatically appear here>
// Customer class
var Customer = Container.expand(function () {
	var self = Container.call(this);
	var customerGraphics = self.attachAsset('customer', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.orderBubble = null;
	self.gaugeBar = null;
	self.setOrder = function (order) {
		if (self.orderBubble) {
			self.removeChild(self.orderBubble);
		}
		self.order = Array.isArray(order) ? order : [order];
		self.orderBubble = new OrderBubble(self.order);
		self.orderBubble.x = 0;
		self.orderBubble.y = -self.height / 2 - self.orderBubble.height / 2;
		if (!self.orderBubble.visible) {
			self.orderBubble.visible = false; // Hide order bubble on game start
		}
		self.addChild(self.orderBubble);
		self.update = function () {
			if (self.gaugeBar.width > 0) {
				self.gaugeBar.width -= 0.3;
				// Change gauge bar tint depending on its size
				if (self.gaugeBar.width > 70) {
					self.gaugeBar.tint = 0x90EE90; // Light Green
				} else if (self.gaugeBar.width > 30) {
					self.gaugeBar.tint = 0xFFD700; // Gold Yellow
				} else {
					self.gaugeBar.tint = 0xFFB6C1; // Light Red
				}
			} else {
				// Handle what happens when the gauge bar is empty
			}
		};
		self.gaugeBar = LK.getAsset('gaugeBar', {
			anchorX: 0.5,
			anchorY: 0.5,
			width: self.width,
			height: 40
		});
		self.gaugeBar.x = 0;
		self.gaugeBar.y = self.height - 320;
		self.addChild(self.gaugeBar);
	};
	self.getOrder = function () {
		return self.order;
	};
	self.on('down', function (x, y, obj) {
		if (self.orderBubble && !self.orderBubble.visible) {
			self.orderBubble.visible = true;
		}
		if (selectedItem && self.order.includes(selectedItem.getType())) {
			// Dim the item in the order bubble
			if (self.orderBubble.orderAsset1 && self.orderBubble.orderAsset1.type === selectedItem.getType()) {
				self.orderBubble.orderAsset1.alpha = 0.5;
			}
			if (self.orderBubble.orderAsset2 && self.orderBubble.orderAsset2.type === selectedItem.getType()) {
				self.orderBubble.orderAsset2.alpha = 0.5;
			}
			// Check if the order is fulfilled
			checkOrderFulfillment(self);
		}
	});
});
// Item class
var Item = Container.expand(function (type) {
	var self = Container.call(this);
	var itemGraphics = self.attachAsset(type, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.type = type;
	self.getType = function () {
		return self.type;
	};
	self.alpha = 0.5; // Start items as dimmed
	self.on('down', function (x, y, obj) {
		if (selectedItem) {
			selectedItem.scaleX = 1;
			selectedItem.scaleY = 1;
			selectedItem.alpha = 0.5; // Dim the previously selected item
		}
		selectedItem = self;
		console.log("Item selected:", self.type);
		self.scaleX = 1.2;
		self.scaleY = 1.2;
		self.alpha = 1; // Undim the selected item
	});
});
// OrderBubble class
var OrderBubble = Container.expand(function (order) {
	var self = Container.call(this);
	var bubbleGraphics = self.attachAsset('bubble', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.order = order;
	if (Array.isArray(order)) {
		if (order.length > 0) {
			self.orderAsset1 = self.attachAsset(order[0], {
				anchorX: 0.5,
				anchorY: 0.5
			});
			self.orderAsset1.type = order[0];
			self.orderAsset1.x = -60;
		}
		if (order.length > 1) {
			self.orderAsset2 = self.attachAsset(order[1], {
				anchorX: 0.5,
				anchorY: 0.5
			});
			self.orderAsset2.type = order[1];
			self.orderAsset2.x = 60;
		}
	} else {
		self.orderAsset = self.attachAsset(order, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		self.orderAsset.x = 0;
	}
});

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

/**** 
* Game Code
****/ 
// Initialize arrays and variables
var selectedItem = null; // Variable to track the currently selected item
var customers = [];
var items = [];
var inventory = []; // Inventory array to hold all items from the bar
var score = 0;
var scoreTxt = new Text2('0', {
	size: 150,
	fill: "#ffffff"
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// Function to check if all items of an order are delivered
function checkOrderFulfillment(customer) {
	// Check if all items are dimmed
	var allDimmed = true;
	if (customer.orderBubble.orderAsset1 && customer.orderBubble.orderAsset1.alpha === 1) {
		allDimmed = false;
	}
	if (customer.orderBubble.orderAsset2 && customer.orderBubble.orderAsset2.alpha === 1) {
		allDimmed = false;
	}
	if (allDimmed) {
		// Increase score
		score += 10;
		scoreTxt.setText(score);
	}
}
// Function to create a new customer
function createCustomer() {
	var customer = new Customer();
	var safeDistance = 200; // Minimum distance between customers
	var validPosition = false;
	while (!validPosition) {
		customer.x = Math.random() * (2048 * 0.8) + 2048 * 0.1; // Spawn customers within the middle 80% of the screen
		customer.y = Math.random() * (2200 - 646.4) + 646.4;
		validPosition = true;
		for (var i = 0; i < customers.length; i++) {
			var distance = Math.sqrt(Math.pow(customers[i].x - customer.x, 2) + Math.pow(customers[i].y - customer.y, 2));
			if (distance < safeDistance) {
				validPosition = false;
				break;
			}
		}
	}
	var order = ['towel', 'umbrella', 'refreshment', 'snack'].sort(function () {
		return 0.5 - Math.random();
	}).slice(0, Math.floor(Math.random() * 2) + 1);
	customer.setOrder(order);
	customers.push(customer);
	game.addChild(customer);
}
// Function to create a new item
function createItem(type, x, y) {
	var item = new Item(type);
	item.x = x;
	item.y = y;
	item.width = 200;
	item.height = 200;
	items.push(item);
	inventory.push(item); // Add item to inventory array
	item.visible = true; // Show item on game start
	game.addChild(item);
}
// Create initial customers
for (var i = 0; i < 5; i++) {
	createCustomer();
}
// Update function
game.update = function () {
	if (LK.ticks % 300 == 0 && customers.length < 5) {
		createCustomer();
	}
};
// Create initial items
createItem('towel', 2048 / 2 - 500, 2732 - 200);
createItem('umbrella', 2048 / 2 - 250, 2732 - 200);
createItem('refreshment', 2048 / 2, 2732 - 200);
createItem('snack', 2048 / 2 + 250, 2732 - 200);
var backgroundBottom = LK.getAsset('backgroundBottom', {
	anchorX: 0.5,
	anchorY: 1,
	x: 2048 / 2,
	y: 2732
});
game.addChildAt(backgroundBottom, 0);
var backgroundTop = LK.getAsset('backgroundTop', {
	anchorX: 0.5,
	anchorY: 0,
	x: 2048 / 2,
	y: 0
});
game.addChildAt(backgroundTop, 0);

===================================================================
--- original.js
+++ change.js
@@ -170,9 +170,9 @@
 	var customer = new Customer();
 	var safeDistance = 200; // Minimum distance between customers
 	var validPosition = false;
 	while (!validPosition) {
-		customer.x = Math.random() * 2048;
+		customer.x = Math.random() * (2048 * 0.8) + 2048 * 0.1; // Spawn customers within the middle 80% of the screen
 		customer.y = Math.random() * (2200 - 646.4) + 646.4;
 		validPosition = true;
 		for (var i = 0; i < customers.length; i++) {
 			var distance = Math.sqrt(Math.pow(customers[i].x - customer.x, 2) + Math.pow(customers[i].y - customer.y, 2));