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

/**** 
* Classes
****/ 
// Food Class
var Food = Container.expand(function () {
	var self = Container.call(this);
	self.foodType = FOOD_TYPES[0];
	var foodAsset = self.attachAsset('food1', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.setType = function (typeObj) {
		self.foodType = typeObj;
		// Remove old asset if any
		if (self._foodAsset) self._foodAsset.destroy();
		self._foodAsset = self.attachAsset(typeObj.id, {
			anchorX: 0.5,
			anchorY: 0.5
		});
	};
	return self;
});
// Food Score Popup Class
var FoodScorePopup = Container.expand(function () {
	var self = Container.call(this);
	var txt = new Text2("+0", {
		size: 80,
		fill: "#fff",
		stroke: "#000",
		strokeThickness: 8
	});
	txt.anchor.set(0.5, 0.5);
	self.addChild(txt);
	self.setScore = function (score) {
		txt.setText("+" + score);
	};
	self.show = function (x, y) {
		self.x = x;
		self.y = y;
		self.alpha = 1;
		game.addChild(self);
		tween(self, {
			y: y - 100,
			alpha: 0
		}, {
			duration: 700,
			easing: tween.easeOutCubic,
			onComplete: function onComplete() {
				self.destroy();
			}
		});
	};
	return self;
});
// Snake Head Class (with accessory)
var SnakeHead = Container.expand(function () {
	var self = Container.call(this);
	var segmentAsset = self.attachAsset('snakeSegment', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	// Add accessory (e.g. white ellipse as "hat")
	var accessory = self.attachAsset('snakeHeadAccessory', {
		anchorX: 0.5,
		anchorY: 0.5,
		y: -20
	});
	return self;
});
// Snake Segment Class
var SnakeSegment = Container.expand(function () {
	var self = Container.call(this);
	// Each segment is a green box
	var segmentAsset = self.attachAsset('snakeSegment', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	return self;
});

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

/**** 
* Game Code
****/ 
// Food type definitions
// Orange
// Blueberry
// Yellow lemon
// Green melon
// Red apple
// --- Game Constants ---
// --- Asset Initialization ---
var FOOD_TYPES = [{
	id: 'food1',
	score: 1,
	color: 0xff3c28
}, {
	id: 'food2',
	score: 3,
	color: 0x3ecf4a
}, {
	id: 'food3',
	score: 5,
	color: 0xffe156
}, {
	id: 'food4',
	score: 7,
	color: 0x5c6bc0
}, {
	id: 'food5',
	score: 10,
	color: 0xff8a65
}];
var GRID_SIZE = 80; // Each cell is 80x80 px
var GRID_WIDTH = Math.floor(2048 / GRID_SIZE);
var GRID_HEIGHT = Math.floor(2732 / GRID_SIZE);
var MOVE_INTERVAL = 120; // ms between snake moves
// --- Grid Background ---
var gridBg = new Container();
for (var gx = 0; gx < GRID_WIDTH; gx++) {
	for (var gy = 0; gy < GRID_HEIGHT; gy++) {
		// Draw a faint box for each grid cell
		var cell = LK.getAsset('snakeSegment', {
			anchorX: 0.5,
			anchorY: 0.5,
			x: gridToPos(gx, gy).x,
			y: gridToPos(gx, gy).y,
			width: GRID_SIZE,
			height: GRID_SIZE,
			alpha: 0.08,
			// Very faint
			color: 0xcccccc // Subtle gray grid lines
		});
		gridBg.addChild(cell);
	}
}
game.addChild(gridBg);
// --- Game State --- 
var snake = []; // Array of SnakeSegment
var snakeDir = {
	x: 1,
	y: 0
}; // Initial direction: right
var nextDir = {
	x: 1,
	y: 0
}; // Next direction to turn to
var food = null;
var foodPos = {
	x: 0,
	y: 0
};
var moveTimer = null;
var isAlive = true;
var pendingGrowth = 0;
// --- Score UI ---
var score = 0;
var scoreTxt = new Text2('0', {
	size: 120,
	fill: 0xFFFFFF
});
scoreTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(scoreTxt);
// --- Helper Functions ---
function gridToPos(gx, gy) {
	// Center the grid in the game area
	var offsetX = Math.floor((2048 - GRID_WIDTH * GRID_SIZE) / 2);
	var offsetY = Math.floor((2732 - GRID_HEIGHT * GRID_SIZE) / 2);
	return {
		x: offsetX + gx * GRID_SIZE + GRID_SIZE / 2,
		y: offsetY + gy * GRID_SIZE + GRID_SIZE / 2
	};
}
function posToGrid(x, y) {
	var offsetX = Math.floor((2048 - GRID_WIDTH * GRID_SIZE) / 2);
	var offsetY = Math.floor((2732 - GRID_HEIGHT * GRID_SIZE) / 2);
	return {
		x: Math.floor((x - offsetX) / GRID_SIZE),
		y: Math.floor((y - offsetY) / GRID_SIZE)
	};
}
function spawnFood() {
	// Remove old food if exists
	if (food) {
		food.destroy();
		food = null;
	}
	// Find empty cell
	var emptyCells = [];
	for (var gx = 0; gx < GRID_WIDTH; gx++) {
		for (var gy = 0; gy < GRID_HEIGHT; gy++) {
			var occupied = false;
			for (var i = 0; i < snake.length; i++) {
				if (snake[i].gx === gx && snake[i].gy === gy) {
					occupied = true;
					break;
				}
			}
			// Prevent food from spawning on another food (if multiple foods are present)
			if (!occupied && food && food.gx === gx && food.gy === gy) {
				occupied = true;
			}
			if (!occupied) {
				emptyCells.push({
					x: gx,
					y: gy
				});
			}
		}
	}
	if (emptyCells.length === 0) {
		// No space left, player wins!
		LK.showYouWin();
		return;
	}
	var idx = Math.floor(Math.random() * emptyCells.length);
	foodPos = emptyCells[idx];
	food = new Food();
	// Randomize food type
	var foodTypeIdx = Math.floor(Math.random() * FOOD_TYPES.length);
	var typeObj = FOOD_TYPES[foodTypeIdx];
	food.setType(typeObj);
	var pos = gridToPos(foodPos.x, foodPos.y);
	food.x = pos.x;
	food.y = pos.y;
	food.gx = foodPos.x;
	food.gy = foodPos.y;
	food.foodType = typeObj;
	game.addChild(food);
}
// --- Snake Initialization ---
function resetGame() {
	// Remove old snake
	for (var i = 0; i < snake.length; i++) {
		snake[i].destroy();
	}
	snake = [];
	// Remove food
	if (food) {
		food.destroy();
		food = null;
	}
	// Ensure grid background is at the back
	if (gridBg && gridBg.parent) {
		gridBg.parent.removeChild(gridBg);
		game.addChildAt(gridBg, 0);
	}
	// Reset state
	isAlive = true;
	score = 0;
	scoreTxt.setText(score);
	snakeDir = {
		x: 1,
		y: 0
	};
	nextDir = {
		x: 1,
		y: 0
	};
	pendingGrowth = 2; // Start with 3 segments
	// Place snake in center
	var startX = Math.floor(GRID_WIDTH / 2);
	var startY = Math.floor(GRID_HEIGHT / 2);
	for (var i = 0; i < 3; i++) {
		var seg;
		if (i === 0) {
			seg = new SnakeHead();
		} else {
			seg = new SnakeSegment();
		}
		seg.gx = startX - i;
		seg.gy = startY;
		var pos = gridToPos(seg.gx, seg.gy);
		seg.x = pos.x;
		seg.y = pos.y;
		game.addChild(seg);
		snake.push(seg);
	}
	spawnFood();
	// Start move timer
	if (moveTimer) LK.clearInterval(moveTimer);
	moveTimer = LK.setInterval(moveSnake, MOVE_INTERVAL);
}
// --- Snake Movement ---
function moveSnake() {
	if (!isAlive) return;
	// Update direction
	if ((nextDir.x !== -snakeDir.x || nextDir.y !== -snakeDir.y // Prevent 180 turns
	) && (nextDir.x !== snakeDir.x || nextDir.y !== snakeDir.y)) {
		snakeDir.x = nextDir.x;
		snakeDir.y = nextDir.y;
	}
	// Calculate new head position
	var head = snake[0];
	var newGX = head.gx + snakeDir.x;
	var newGY = head.gy + snakeDir.y;
	// Check wall collision
	if (newGX < 0 || newGX >= GRID_WIDTH || newGY < 0 || newGY >= GRID_HEIGHT) {
		gameOver();
		return;
	}
	// Check self collision
	for (var i = 0; i < snake.length; i++) {
		if (snake[i].gx === newGX && snake[i].gy === newGY) {
			gameOver();
			return;
		}
	}
	// Move segments
	var prevGX = head.gx;
	var prevGY = head.gy;
	var prevPos = gridToPos(prevGX, prevGY);
	// Move head
	head.gx = newGX;
	head.gy = newGY;
	var newPos = gridToPos(newGX, newGY);
	tween(head, {
		x: newPos.x,
		y: newPos.y
	}, {
		duration: MOVE_INTERVAL - 10,
		easing: tween.linear
	});
	// Move body
	for (var i = 1; i < snake.length; i++) {
		var seg = snake[i];
		var tmpGX = seg.gx;
		var tmpGY = seg.gy;
		var tmpPos = gridToPos(tmpGX, tmpGY);
		seg.gx = prevGX;
		seg.gy = prevGY;
		tween(seg, {
			x: prevPos.x,
			y: prevPos.y
		}, {
			duration: MOVE_INTERVAL - 10,
			easing: tween.linear
		});
		prevGX = tmpGX;
		prevGY = tmpGY;
		prevPos = tmpPos;
	}
	// Growth
	if (pendingGrowth > 0) {
		var tail = snake[snake.length - 1];
		var newSeg = new SnakeSegment();
		newSeg.gx = prevGX;
		newSeg.gy = prevGY;
		var tailPos = gridToPos(prevGX, prevGY);
		newSeg.x = tailPos.x;
		newSeg.y = tailPos.y;
		game.addChild(newSeg);
		snake.push(newSeg);
		pendingGrowth--;
	}
	// Check food collision
	if (head.gx === food.gx && head.gy === food.gy) {
		var foodScore = food.foodType && food.foodType.score ? food.foodType.score : 1;
		score += foodScore;
		scoreTxt.setText(score);
		pendingGrowth++;
		// Show score popup
		var popup = new FoodScorePopup();
		popup.setScore(foodScore);
		popup.show(food.x, food.y);
		spawnFood();
	}
}
// --- Game Over ---
function gameOver() {
	isAlive = false;
	LK.effects.flashScreen(0xff0000, 800);
	if (moveTimer) LK.clearInterval(moveTimer);
	LK.setTimeout(function () {
		LK.showGameOver();
	}, 800);
}
// --- Input Handling ---
// Touch/drag/swipe: change direction
var dragStart = null;
var dragLast = null;
var dragThreshold = 40; // px
function handleDirectionInput(x, y) {
	// Convert to grid
	var head = snake[0];
	var pos = gridToPos(head.gx, head.gy);
	var dx = x - pos.x;
	var dy = y - pos.y;
	if (Math.abs(dx) > Math.abs(dy)) {
		// Horizontal
		if (dx > dragThreshold && snakeDir.x !== -1) {
			nextDir = {
				x: 1,
				y: 0
			};
		} else if (dx < -dragThreshold && snakeDir.x !== 1) {
			nextDir = {
				x: -1,
				y: 0
			};
		}
	} else {
		// Vertical
		if (dy > dragThreshold && snakeDir.y !== -1) {
			nextDir = {
				x: 0,
				y: 1
			};
		} else if (dy < -dragThreshold && snakeDir.y !== 1) {
			nextDir = {
				x: 0,
				y: -1
			};
		}
	}
}
// Touch down: start drag
game.down = function (x, y, obj) {
	dragStart = {
		x: x,
		y: y
	};
	dragLast = {
		x: x,
		y: y
	};
};
// Touch move: detect swipe
game.move = function (x, y, obj) {
	if (!dragStart) return;
	var dx = x - dragStart.x;
	var dy = y - dragStart.y;
	if (Math.abs(dx) > dragThreshold || Math.abs(dy) > dragThreshold) {
		handleDirectionInput(x, y);
		dragStart = {
			x: x,
			y: y
		}; // Reset for next swipe
	}
	dragLast = {
		x: x,
		y: y
	};
};
// Touch up: tap to turn (if no swipe)
game.up = function (x, y, obj) {
	if (!dragStart) return;
	var dx = x - dragStart.x;
	var dy = y - dragStart.y;
	if (Math.abs(dx) < dragThreshold && Math.abs(dy) < dragThreshold) {
		// Tap: move toward tapped grid cell, only in cardinal direction, not diagonally
		var head = snake[0];
		var headGrid = {
			x: head.gx,
			y: head.gy
		};
		var tapGrid = posToGrid(x, y);
		// If already at tap cell, do nothing
		if (headGrid.x !== tapGrid.x || headGrid.y !== tapGrid.y) {
			// Determine direction to move: only one axis at a time
			var diffX = tapGrid.x - headGrid.x;
			var diffY = tapGrid.y - headGrid.y;
			if (Math.abs(diffX) > Math.abs(diffY)) {
				// Move horizontally
				if (diffX > 0) {
					nextDir = {
						x: 1,
						y: 0
					};
				} else if (diffX < 0) {
					nextDir = {
						x: -1,
						y: 0
					};
				}
			} else if (Math.abs(diffY) > 0) {
				// Move vertically
				if (diffY > 0) {
					nextDir = {
						x: 0,
						y: 1
					};
				} else if (diffY < 0) {
					nextDir = {
						x: 0,
						y: -1
					};
				}
			}
		}
	}
	dragStart = null;
	dragLast = null;
};
// --- Game Update (not used for movement, but could be used for future features) ---
game.update = function () {
	// No per-frame logic needed for MVP
};
// --- Start Game ---
resetGame();

===================================================================
--- original.js
+++ change.js
@@ -206,8 +206,12 @@
 					occupied = true;
 					break;
 				}
 			}
+			// Prevent food from spawning on another food (if multiple foods are present)
+			if (!occupied && food && food.gx === gx && food.gy === gy) {
+				occupied = true;
+			}
 			if (!occupied) {
 				emptyCells.push({
 					x: gx,
 					y: gy