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

/**** 
* Classes
****/ 
// Fog tile (covers unseen areas)
var FogTile = Container.expand(function () {
	var self = Container.call(this);
	self.asset = self.attachAsset('fog', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.alpha = 0.92;
	return self;
});
// MapTile: floor, wall, exit, item
var MapTile = Container.expand(function () {
	var self = Container.call(this);
	self.type = 'floor'; // default
	self.asset = null;
	self.xIndex = 0;
	self.yIndex = 0;
	self.hasItem = false;
	self.itemAsset = null;
	self.isExit = false;
	self.setType = function (type) {
		self.type = type;
		if (self.asset) {
			self.removeChild(self.asset);
		}
		if (type === 'floor') {
			self.asset = self.attachAsset('floor', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		} else if (type === 'wall') {
			self.asset = self.attachAsset('wall', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		} else if (type === 'exit') {
			self.asset = self.attachAsset('exit', {
				anchorX: 0.5,
				anchorY: 0.5
			});
			self.isExit = true;
		}
	};
	self.placeItem = function () {
		self.hasItem = true;
		if (!self.itemAsset) {
			self.itemAsset = self.attachAsset('item', {
				anchorX: 0.5,
				anchorY: 0.5
			});
		}
	};
	self.removeItem = function () {
		self.hasItem = false;
		if (self.itemAsset) {
			self.removeChild(self.itemAsset);
			self.itemAsset = null;
		}
	};
	return self;
});
// Player class
var Player = Container.expand(function () {
	var self = Container.call(this);
	self.asset = self.attachAsset('player', {
		anchorX: 0.5,
		anchorY: 0.5
	});
	self.xIndex = 0;
	self.yIndex = 0;
	return self;
});

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

/**** 
* Game Code
****/ 
// Map generation constants
var MAP_WIDTH = 20;
var MAP_HEIGHT = 15;
var TILE_SIZE = 160;
var MAP_OFFSET_X = (2048 - MAP_WIDTH * TILE_SIZE) / 2;
var MAP_OFFSET_Y = 200;
// Camera variables
var camera = {
	x: 0,
	y: 0,
	targetX: 0,
	targetY: 0
};
var SCREEN_CENTER_X = 2048 / 2;
var SCREEN_CENTER_Y = 2732 / 2;
// Generate random map
function generateRandomMap() {
	var map = [];
	// Initialize with walls
	for (var y = 0; y < MAP_HEIGHT; y++) {
		map[y] = [];
		for (var x = 0; x < MAP_WIDTH; x++) {
			map[y][x] = 1; // wall
		}
	}
	// Create random rooms and corridors
	for (var y = 1; y < MAP_HEIGHT - 1; y += 2) {
		for (var x = 1; x < MAP_WIDTH - 1; x += 2) {
			map[y][x] = 0; // floor
			// Random corridors
			if (Math.random() < 0.6 && x + 2 < MAP_WIDTH - 1) {
				map[y][x + 1] = 0; // horizontal corridor
			}
			if (Math.random() < 0.6 && y + 2 < MAP_HEIGHT - 1) {
				map[y + 1][x] = 0; // vertical corridor
			}
		}
	}
	// Place exit
	var exitX = MAP_WIDTH - 2;
	var exitY = MAP_HEIGHT - 2;
	map[exitY][exitX] = 2; // exit
	// Place 5 items randomly on floor tiles
	var itemsPlaced = 0;
	while (itemsPlaced < 5) {
		var randX = Math.floor(Math.random() * (MAP_WIDTH - 2)) + 1;
		var randY = Math.floor(Math.random() * (MAP_HEIGHT - 2)) + 1;
		if (map[randY][randX] === 0 && !(randX === 1 && randY === 1)) {
			map[randY][randX] = 3; // item
			itemsPlaced++;
		}
	}
	return map;
}
var mapData = generateRandomMap();
// --- GLOBALS ---
var mapTiles = []; // 2D array of MapTile
var fogTiles = []; // 2D array of FogTile
var player = null;
var playerStart = {
	x: 1,
	y: 1
};
var exitPos = {
	x: 7,
	y: 9
};
var itemsTotal = 0;
var itemsCollected = 0;
var visionRadius = 1.5; // tiles
var moveLock = false; // prevent double moves
var arrowButtons = {};
var lastPlayerPos = {
	x: 1,
	y: 1
};
// --- GUI ---
var itemsTxt = new Text2('Items: 0/0', {
	size: 90,
	fill: "#fff"
});
itemsTxt.anchor.set(0.5, 0);
LK.gui.top.addChild(itemsTxt);
// --- MAP GENERATION ---
for (var y = 0; y < MAP_HEIGHT; y++) {
	mapTiles[y] = [];
	fogTiles[y] = [];
	for (var x = 0; x < MAP_WIDTH; x++) {
		var tile = new MapTile();
		tile.xIndex = x;
		tile.yIndex = y;
		var type = mapData[y][x];
		if (type === 1) {
			tile.setType('wall');
		} else if (type === 2) {
			tile.setType('exit');
			exitPos.x = x;
			exitPos.y = y;
		} else {
			tile.setType('floor');
		}
		if (type === 3) {
			tile.placeItem();
			itemsTotal++;
		}
		tile.x = MAP_OFFSET_X + x * TILE_SIZE + TILE_SIZE / 2;
		tile.y = MAP_OFFSET_Y + y * TILE_SIZE + TILE_SIZE / 2;
		game.addChild(tile);
		mapTiles[y][x] = tile;
		// Fog
		var fog = new FogTile();
		fog.x = tile.x;
		fog.y = tile.y;
		game.addChild(fog);
		fogTiles[y][x] = fog;
	}
}
itemsTxt.setText('Items: 0/' + itemsTotal);
// --- PLAYER ---
player = new Player();
player.xIndex = playerStart.x;
player.yIndex = playerStart.y;
player.x = MAP_OFFSET_X + player.xIndex * TILE_SIZE + TILE_SIZE / 2;
player.y = MAP_OFFSET_Y + player.yIndex * TILE_SIZE + TILE_SIZE / 2;
game.addChild(player);
// --- FOG OF WAR ---
function updateFog() {
	for (var y = 0; y < MAP_HEIGHT; y++) {
		for (var x = 0; x < MAP_WIDTH; x++) {
			var dx = x - player.xIndex;
			var dy = y - player.yIndex;
			var dist = Math.sqrt(dx * dx + dy * dy);
			if (dist <= visionRadius) {
				// Reveal
				fogTiles[y][x].alpha = 0;
			} else if (dist <= visionRadius + 1) {
				// Faded memory
				fogTiles[y][x].alpha = 0.5;
			} else {
				// Full fog
				fogTiles[y][x].alpha = 0.92;
			}
		}
	}
}
updateFog();
// --- CAMERA SYSTEM ---
function updateCamera() {
	// Calculate target camera position to center player on screen
	var playerWorldX = MAP_OFFSET_X + player.xIndex * TILE_SIZE + TILE_SIZE / 2;
	var playerWorldY = MAP_OFFSET_Y + player.yIndex * TILE_SIZE + TILE_SIZE / 2;
	camera.targetX = SCREEN_CENTER_X - playerWorldX;
	camera.targetY = SCREEN_CENTER_Y - playerWorldY;
	// Smooth camera movement
	camera.x += (camera.targetX - camera.x) * 0.15;
	camera.y += (camera.targetY - camera.y) * 0.15;
	// Apply camera offset to game container
	game.x = camera.x;
	game.y = camera.y;
}
// --- MOVEMENT LOGIC ---
function canMoveTo(x, y) {
	if (x < 0 || x >= MAP_WIDTH || y < 0 || y >= MAP_HEIGHT) return false;
	var tile = mapTiles[y][x];
	if (tile.type === 'wall') return false;
	return true;
}
function movePlayer(dx, dy) {
	if (moveLock) return;
	var nx = player.xIndex + dx;
	var ny = player.yIndex + dy;
	if (!canMoveTo(nx, ny)) {
		// Bump animation
		var bumpX = player.x + dx * 20;
		var bumpY = player.y + dy * 20;
		moveLock = true;
		tween(player, {
			x: bumpX,
			y: bumpY
		}, {
			duration: 80,
			easing: tween.easeOut,
			onFinish: function onFinish() {
				tween(player, {
					x: MAP_OFFSET_X + player.xIndex * TILE_SIZE + TILE_SIZE / 2,
					y: MAP_OFFSET_Y + player.yIndex * TILE_SIZE + TILE_SIZE / 2
				}, {
					duration: 80,
					onFinish: function onFinish() {
						moveLock = false;
					}
				});
			}
		});
		return;
	}
	lastPlayerPos.x = player.xIndex;
	lastPlayerPos.y = player.yIndex;
	player.xIndex = nx;
	player.yIndex = ny;
	moveLock = true;
	tween(player, {
		x: MAP_OFFSET_X + nx * TILE_SIZE + TILE_SIZE / 2,
		y: MAP_OFFSET_Y + ny * TILE_SIZE + TILE_SIZE / 2
	}, {
		duration: 120,
		easing: tween.easeInOut,
		onFinish: function onFinish() {
			moveLock = false;
			afterMove();
		}
	});
	updateFog();
	updateCamera();
}
function afterMove() {
	// Check for item
	var tile = mapTiles[player.yIndex][player.xIndex];
	if (tile.hasItem) {
		tile.removeItem();
		itemsCollected++;
		itemsTxt.setText('Items: ' + itemsCollected + '/' + itemsTotal);
		LK.effects.flashObject(player, 0xffe066, 400);
	}
	// Check for exit
	if (tile.isExit) {
		if (itemsCollected >= itemsTotal) {
			LK.showYouWin();
		} else {
			// Flash exit red if not all items collected
			LK.effects.flashObject(tile, 0xff0000, 400);
		}
	}
}
// --- ARROW BUTTONS ---
// Create arrow buttons in GUI layer to follow player
function createGUIArrowButton(id, x, y, rotation, moveFn) {
	var btn = LK.getAsset(id, {
		anchorX: 0.5,
		anchorY: 0.5
	});
	btn.x = x;
	btn.y = y;
	btn.scaleX = 1.2;
	btn.scaleY = 1.2;
	btn.rotation = rotation;
	btn.alpha = 0.9;
	btn.interactive = true;
	btn.down = function () {
		moveFn();
	};
	LK.gui.bottom.addChild(btn);
	return btn;
}
// Place arrow buttons at bottom of GUI, arranged in a D-pad layout - moved up
var btnSpacing = 200; // spacing between buttons
arrowButtons.up = createGUIArrowButton('arrowUp', 0, -btnSpacing - 150, 0, function () {
	movePlayer(0, -1);
});
arrowButtons.down = createGUIArrowButton('arrowDown', 0, btnSpacing - 150, Math.PI, function () {
	movePlayer(0, 1);
});
arrowButtons.left = createGUIArrowButton('arrowLeft', -btnSpacing, -150, -Math.PI / 2, function () {
	movePlayer(-1, 0);
});
arrowButtons.right = createGUIArrowButton('arrowRight', btnSpacing, -150, Math.PI / 2, function () {
	movePlayer(1, 0);
});
// --- TOUCH DRAG MOVEMENT (OPTIONAL) ---
// For MVP, only arrow buttons. (No swipe/drag movement.)
// --- GAME UPDATE ---
game.update = function () {
	// Update camera smoothly each frame
	updateCamera();
};
// --- GAME OVER HANDLING ---
// Handled by LK.showYouWin()
// --- INITIAL FOG UPDATE ---
updateFog();
// --- INITIAL CAMERA SETUP ---
updateCamera();

===================================================================
--- original.js
+++ change.js
@@ -342,20 +342,20 @@
 	};
 	LK.gui.bottom.addChild(btn);
 	return btn;
 }
-// Place arrow buttons at bottom of GUI, arranged in a D-pad layout
+// Place arrow buttons at bottom of GUI, arranged in a D-pad layout - moved up
 var btnSpacing = 200; // spacing between buttons
-arrowButtons.up = createGUIArrowButton('arrowUp', 0, -btnSpacing, 0, function () {
+arrowButtons.up = createGUIArrowButton('arrowUp', 0, -btnSpacing - 150, 0, function () {
 	movePlayer(0, -1);
 });
-arrowButtons.down = createGUIArrowButton('arrowDown', 0, btnSpacing, Math.PI, function () {
+arrowButtons.down = createGUIArrowButton('arrowDown', 0, btnSpacing - 150, Math.PI, function () {
 	movePlayer(0, 1);
 });
-arrowButtons.left = createGUIArrowButton('arrowLeft', -btnSpacing, 0, -Math.PI / 2, function () {
+arrowButtons.left = createGUIArrowButton('arrowLeft', -btnSpacing, -150, -Math.PI / 2, function () {
 	movePlayer(-1, 0);
 });
-arrowButtons.right = createGUIArrowButton('arrowRight', btnSpacing, 0, Math.PI / 2, function () {
+arrowButtons.right = createGUIArrowButton('arrowRight', btnSpacing, -150, Math.PI / 2, function () {
 	movePlayer(1, 0);
 });
 // --- TOUCH DRAG MOVEMENT (OPTIONAL) ---
 // For MVP, only arrow buttons. (No swipe/drag movement.)