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

/**** 
* Classes
****/ 
// Ingredient class
var Ingredient = Container.expand(function () {
	var self = Container.call(this);
	// Properties: type, assetId
	self.type = null;
	self.assetId = null;
	self.isDragging = false;
	// Attach asset
	self.init = function (type, assetId) {
		self.type = type;
		self.assetId = assetId;
		var asset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5
		});
		self.width = asset.width;
		self.height = asset.height;
		// Always set spawnX and spawnY to current position
		self.spawnX = self.x;
		self.spawnY = self.y;
	};
	// For drag and drop
	self.spawnX = 0;
	self.spawnY = 0;
	self.down = function (x, y, obj) {
		self.isDragging = true;
		dragNode = self;
		dragOffsetX = x - self.x;
		dragOffsetY = y - self.y;
		// Store spawn position if not set
		if (self.spawnX === 0 && self.spawnY === 0) {
			self.spawnX = self.x;
			self.spawnY = self.y;
		}
	};
	self.up = function (x, y, obj) {
		self.isDragging = false;
	};
	return self;
});
// Order class
var Order = Container.expand(function () {
	var self = Container.call(this);
	self.recipe = null; // Array of ingredient types
	self.assetNodes = [];
	// Attach order visual (plate + ingredients)
	self.init = function (recipe) {
		self.recipe = recipe;
		// Plate visual
		var plateAsset = self.attachAsset('orderPlate', {
			anchorX: 0.5,
			anchorY: 0.5,
			y: 0
		});
		// Ingredient visuals (small icons)
		for (var i = 0; i < recipe.length; i++) {
			var ingAsset = LK.getAsset(ingredientTypeToAsset[recipe[i]], {
				anchorX: 0.5,
				anchorY: 0.5,
				scaleX: 0.6,
				scaleY: 0.6,
				x: -((recipe.length - 1) * 50) / 2 + i * 50,
				y: -10
			});
			self.addChild(ingAsset);
			self.assetNodes.push(ingAsset);
		}
	};
	return self;
});
/**** 
* Game Variables
****/ 
// Ingredient types and their asset ids
// Plate class
var Plate = Container.expand(function () {
	var self = Container.call(this);
	self.ingredientTypes = []; // Types of ingredients currently on plate
	self.ingredientNodes = []; // Ingredient objects on plate
	// Attach plate asset
	self.init = function (assetId) {
		var asset = self.attachAsset(assetId, {
			anchorX: 0.5,
			anchorY: 0.5,
			scaleX: 1.3,
			scaleY: 1.3
		});
		self.width = asset.width;
		self.height = asset.height;
	};
	// Add ingredient to plate
	self.addIngredient = function (ingredient) {
		if (self.ingredientNodes.length >= maxIngredientsPerPlate) return false;
		// Prevent adding the same ingredient multiple times
		if (self.ingredientNodes.indexOf(ingredient) !== -1) return false;
		// Place ingredient visually on plate
		ingredient.x = self.x;
		ingredient.y = self.y - 40 - self.ingredientNodes.length * 55;
		ingredient.isDragging = false;
		self.ingredientTypes.push(ingredient.type);
		self.ingredientNodes.push(ingredient);
		return true;
	};
	// Remove all ingredients from plate
	self.clearPlate = function () {
		for (var i = 0; i < self.ingredientNodes.length; i++) {
			self.ingredientNodes[i].destroy();
		}
		self.ingredientTypes = [];
		self.ingredientNodes = [];
	};
	return self;
});

/**** 
* Initialize Game
****/ 
var game = new LK.Game({
	// No title, no description
	// Always backgroundColor is black
	backgroundColor: 0x000000
});

/**** 
* Game Code
****/ 
// Ingredient types and their asset ids
/**** 
* Game Variables
****/ 
// --- Asset Initialization (shapes for MVP) ---
var ingredientTypes = ['lettuce', 'tomato', 'cheese', 'meat', 'bun', 'bun'];
var ingredientTypeToAsset = {
	'lettuce': 'lettuceAsset',
	'tomato': 'tomatoAsset',
	'cheese': 'cheeseAsset',
	'meat': 'meatAsset',
	'bun': 'bunAsset'
};
// Plate asset id
var plateAssetId = 'plateAsset';
// Order plate asset id
var orderPlateAssetId = 'orderPlate';
// Recipes (each recipe is an array of ingredient types)
// Add one more bun to each recipe (top and bottom bun)
var recipes = [['bun', 'meat', 'bun'], ['bun', 'lettuce', 'tomato', 'bun'], ['bun', 'cheese', 'meat', 'bun'], ['bun', 'lettuce', 'cheese', 'meat', 'bun'], ['bun', 'tomato', 'lettuce', 'cheese', 'bun'], ['bun', 'meat', 'bun', 'bun'], ['bun', 'lettuce', 'tomato', 'bun', 'bun'], ['bun', 'cheese', 'meat', 'bun', 'bun'], ['bun', 'lettuce', 'cheese', 'meat', 'bun', 'bun'], ['bun', 'tomato', 'lettuce', 'cheese', 'bun', 'bun']];
// Game state
var ingredients = [];
var plates = [];
var orders = [];
var currentOrder = null;
var dragNode = null;
var dragOffsetX = 0;
var dragOffsetY = 0;
var scoreTxt = null;
var timerTxt = null;
var timeLeft = 60; // seconds
var timerInterval = null;
var maxIngredientsPerPlate = 6;
var ingredientSpawnY = 2300;
var ingredientAreaY = 2300;
var plateY = 1850;
var orderY = 420;
var orderX = 2048 / 2;
var gameActive = true;
// --- GUI Elements ---
scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
timerTxt = new Text2('60', {
	size: 100,
	fill: 0xFFFFFF
});
timerTxt.anchor.set(0.5, 0);
// Move timer a little to the left (e.g. -120px)
timerTxt.x = -120;
LK.gui.topRight.addChild(timerTxt);
// --- Add Background ---
// Use a large scale to ensure the background covers the entire game area
var background = LK.getAsset('backgroundAsset', {
	anchorX: 0.5,
	anchorY: 0.5,
	x: 2048 / 2,
	y: 2732 / 2,
	scaleX: 2048 / 100,
	scaleY: 2732 / 100
});
// Add background as the first child so it appears behind all other elements
game.addChildAt(background, 0);
// --- Create Plate ---
var plate = new Plate();
plate.init(plateAssetId);
plate.x = 2048 / 2;
plate.y = plateY;
game.addChild(plate);
plates.push(plate);
// --- Spawn Ingredients ---
function spawnIngredients() {
	// Remove old ingredients
	for (var i = 0; i < ingredients.length; i++) {
		ingredients[i].destroy();
	}
	ingredients = [];
	// Spawn 5 random ingredients
	var spacing = 2048 / (ingredientTypes.length + 1);
	for (var i = 0; i < ingredientTypes.length; i++) {
		var type = ingredientTypes[i];
		var ing = new Ingredient();
		ing.init(type, ingredientTypeToAsset[type]);
		ing.x = spacing * (i + 1);
		ing.y = ingredientAreaY;
		ing.spawnX = ing.x;
		ing.spawnY = ing.y;
		game.addChild(ing);
		ingredients.push(ing);
	}
}
spawnIngredients();
// --- Generate New Order ---
function generateOrder() {
	// Remove old order
	if (currentOrder) {
		currentOrder.destroy();
	}
	// Pick a random recipe and clone it to avoid reference mutation
	var recipe = recipes[Math.floor(Math.random() * recipes.length)];
	var recipeClone = [];
	for (var i = 0; i < recipe.length; i++) {
		recipeClone.push(recipe[i]);
	}
	var order = new Order();
	order.init(recipeClone);
	order.x = orderX;
	order.y = orderY;
	game.addChild(order);
	currentOrder = order;
}
generateOrder();
// --- Timer ---
function startTimer() {
	timeLeft = 60;
	timerTxt.setText(timeLeft);
	if (timerInterval) LK.clearInterval(timerInterval);
	timerInterval = LK.setInterval(function () {
		if (!gameActive) return;
		timeLeft--;
		timerTxt.setText(timeLeft);
		if (timeLeft <= 0) {
			endGame();
		}
	}, 1000);
}
startTimer();
// --- Score ---
function setScore(val) {
	LK.setScore(val);
	scoreTxt.setText(val);
}
setScore(0);
// --- Drag and Drop Logic ---
function handleMove(x, y, obj) {
	if (!gameActive) return;
	if (dragNode && dragNode.isDragging) {
		dragNode.x = x - dragOffsetX;
		dragNode.y = y - dragOffsetY;
	}
}
game.move = handleMove;
game.down = function (x, y, obj) {
	if (!gameActive) return;
	// Check if an ingredient is pressed
	for (var i = 0; i < ingredients.length; i++) {
		var ing = ingredients[i];
		if (pointInObject(x, y, ing)) {
			ing.down(x, y, obj);
			return;
		}
	}
	// Check if ingredient on plate is pressed (to allow removing)
	for (var i = 0; i < plate.ingredientNodes.length; i++) {
		var ing = plate.ingredientNodes[i];
		if (pointInObject(x, y, ing)) {
			// Remove from plate and respawn in ingredient area
			plate.ingredientTypes.splice(i, 1);
			plate.ingredientNodes.splice(i, 1);
			// Prevent duplicate in ingredient area
			if (ingredients.indexOf(ing) === -1) {
				ing.x = ing.spawnX || 2048 / 2;
				ing.y = ing.spawnY || ingredientAreaY;
				game.addChild(ing);
				ingredients.push(ing);
			}
			return;
		}
	}
};
game.up = function (x, y, obj) {
	if (!gameActive) return;
	if (dragNode && dragNode.isDragging) {
		// Check if released over plate
		if (pointInObject(x, y, plate)) {
			// Add to plate if not already max and not already present
			if (plate.ingredientNodes.length < maxIngredientsPerPlate && plate.ingredientNodes.indexOf(dragNode) === -1) {
				// Remove from ingredient area
				var idx = ingredients.indexOf(dragNode);
				if (idx !== -1) ingredients.splice(idx, 1);
				plate.addIngredient(dragNode);
			} else {
				// Snap back to ingredient area
				dragNode.x = dragNode.spawnX || 2048 / 2;
				dragNode.y = dragNode.spawnY || ingredientAreaY;
			}
		} else {
			// Snap back to ingredient area
			dragNode.x = dragNode.spawnX || 2048 / 2;
			dragNode.y = dragNode.spawnY || ingredientAreaY;
		}
		dragNode.isDragging = false;
		dragNode = null;
	}
};
// --- Serve Button ---
var serveBtn = new Text2('SERVE', {
	size: 100,
	fill: 0xFFFFFF
});
serveBtn.anchor.set(0.5, 0.5);
// Attach serve button to GUI (bottom center)
serveBtn.x = 0;
serveBtn.y = -150;
LK.gui.bottom.addChild(serveBtn);
serveBtn.down = function (x, y, obj) {
	if (!gameActive) return;
	// Check if plate matches order
	var correct = false;
	if (currentOrder && arraysEqual(plate.ingredientTypes, currentOrder.recipe)) {
		correct = true;
	}
	if (correct) {
		setScore(LK.getScore() + 1);
		LK.effects.flashObject(serveBtn, 0x2ecc71, 400);
		plate.clearPlate();
		generateOrder();
		spawnIngredients();
		timeLeft = 60;
		timerTxt.setText(timeLeft);
	} else {
		// Penalty: lose 5 seconds
		timeLeft = Math.max(0, timeLeft - 5);
		timerTxt.setText(timeLeft);
		LK.effects.flashObject(serveBtn, 0xe74c3c, 400);
		if (timeLeft <= 0) {
			endGame();
		}
	}
};
// --- Utility Functions ---
function pointInObject(x, y, obj) {
	// Simple bounding box check
	var left = obj.x - obj.width / 2;
	var right = obj.x + obj.width / 2;
	var top = obj.y - obj.height / 2;
	var bottom = obj.y + obj.height / 2;
	return x >= left && x <= right && y >= top && y <= bottom;
}
function arraysEqual(a, b) {
	if (!a || !b) return false;
	if (a.length !== b.length) return false;
	for (var i = 0; i < a.length; i++) {
		if (a[i] !== b[i]) return false;
	}
	return true;
}
function endGame() {
	gameActive = false;
	LK.effects.flashScreen(0xe74c3c, 1000);
	LK.showGameOver();
}
// --- Game Update Loop ---
game.update = function () {
	// No per-frame logic needed for MVP
};
// --- Attach serve button to GUI (bottom center) ---
LK.gui.bottom.addChild(serveBtn);

===================================================================
--- original.js
+++ change.js
@@ -173,9 +173,9 @@
 var gameActive = true;
 // --- GUI Elements ---
 scoreTxt = new Text2('0', {
 	size: 120,
-	fill: 0xD35400
+	fill: 0xFFFFFF
 });
 scoreTxt.anchor.set(0.5, 0);
 LK.gui.top.addChild(scoreTxt);
 timerTxt = new Text2('60', {
@@ -332,9 +332,9 @@
 };
 // --- Serve Button ---
 var serveBtn = new Text2('SERVE', {
 	size: 100,
-	fill: 0x27AE60
+	fill: 0xFFFFFF
 });
 serveBtn.anchor.set(0.5, 0.5);
 // Attach serve button to GUI (bottom center)
 serveBtn.x = 0;