===================================================================
--- original.js
+++ change.js
@@ -16,18 +16,19 @@
 	playerGraphics.visible = false; // Hide for first person view
 	self.moveForward = function () {
 		var newX = self.x + Math.cos(self.angle) * self.speed;
 		var newY = self.y + Math.sin(self.angle) * self.speed;
-		// Simple boundary check
-		if (newX > 100 && newX < 1948 && newY > 100 && newY < 2632) {
+		// Check collision with world grid
+		if (!worldGrid.hasWallAt(newX, newY)) {
 			self.x = newX;
 			self.y = newY;
 		}
 	};
 	self.moveBackward = function () {
 		var newX = self.x - Math.cos(self.angle) * self.speed;
 		var newY = self.y - Math.sin(self.angle) * self.speed;
-		if (newX > 100 && newX < 1948 && newY > 100 && newY < 2632) {
+		// Check collision with world grid
+		if (!worldGrid.hasWallAt(newX, newY)) {
 			self.x = newX;
 			self.y = newY;
 		}
 	};
@@ -43,40 +44,32 @@
 	var self = Container.call(this);
 	self.wallColumns = [];
 	self.floorColumns = [];
 	self.ceilingColumns = [];
-	self.init = function (floorArea, wallArea, ceilingArea) {
-		self.floorArea = floorArea;
-		self.wallArea = wallArea;
-		self.ceilingArea = ceilingArea;
-		// Create pseudo-3D rendering columns in their respective areas
-		for (var i = 0; i < 512; i++) {
-			// Wall columns in wall area
-			var wallCol = self.wallArea.addChild(LK.getAsset('wall', {
-				anchorX: 0.5,
-				anchorY: 1.0
-			}));
-			wallCol.x = i * 4;
-			wallCol.y = 1366;
-			self.wallColumns.push(wallCol);
-			// Floor columns in floor area - positioned below walls
-			var floorCol = self.floorArea.addChild(LK.getAsset('floorStrip', {
-				anchorX: 0.5,
-				anchorY: 0.5
-			}));
-			floorCol.x = i * 4;
-			floorCol.y = 2000;
-			self.floorColumns.push(floorCol);
-			// Ceiling columns in ceiling area - positioned above walls
-			var ceilCol = self.ceilingArea.addChild(LK.getAsset('ceilingStrip', {
-				anchorX: 0.5,
-				anchorY: 0.5
-			}));
-			ceilCol.x = i * 4;
-			ceilCol.y = 700;
-			self.ceilingColumns.push(ceilCol);
-		}
-	};
+	// Create pseudo-3D rendering columns
+	for (var i = 0; i < 512; i++) {
+		var wallCol = self.addChild(LK.getAsset('wall', {
+			anchorX: 0.5,
+			anchorY: 1.0
+		}));
+		wallCol.x = i * 4;
+		wallCol.y = 1366;
+		self.wallColumns.push(wallCol);
+		var floorCol = self.addChild(LK.getAsset('floorStrip', {
+			anchorX: 0.5,
+			anchorY: 0.5
+		}));
+		floorCol.x = i * 4;
+		floorCol.y = 2000;
+		self.floorColumns.push(floorCol);
+		var ceilCol = self.addChild(LK.getAsset('ceilingStrip', {
+			anchorX: 0.5,
+			anchorY: 0.5
+		}));
+		ceilCol.x = i * 4;
+		ceilCol.y = 700;
+		self.ceilingColumns.push(ceilCol);
+	}
 	self.render = function (player) {
 		var fov = Math.PI / 3; // 60 degrees field of view
 		var halfFov = fov / 2;
 		for (var i = 0; i < 512; i++) {
@@ -84,16 +77,16 @@
 			var distance = self.castRay(player.x, player.y, rayAngle);
 			// Calculate wall height based on distance
 			var wallHeight = Math.max(50, 20000 / (distance + 1));
 			var wallY = 1366 - wallHeight / 2;
-			// Update wall column in wall area (middle layer)
+			// Update wall column
 			self.wallColumns[i].height = wallHeight;
 			self.wallColumns[i].y = wallY;
-			// Update floor column in floor area (below walls and player)
+			// Calculate floor perspective
 			var floorY = 1366 + wallHeight / 2 + distance / 10;
 			self.floorColumns[i].y = Math.min(2632, floorY);
 			self.floorColumns[i].height = Math.max(2, distance / 50);
-			// Update ceiling column in ceiling area (above walls and player)
+			// Calculate ceiling perspective
 			var ceilY = 1366 - wallHeight / 2 - distance / 10;
 			self.ceilingColumns[i].y = Math.max(0, ceilY);
 			self.ceilingColumns[i].height = Math.max(2, distance / 50);
 		}
@@ -103,23 +96,17 @@
 		var rayY = startY;
 		var deltaX = Math.cos(angle) * 2;
 		var deltaY = Math.sin(angle) * 2;
 		var distance = 0;
-		// Simple raycasting - check for boundaries
+		// Raycast using world coordinate system
 		while (distance < 1000) {
 			rayX += deltaX;
 			rayY += deltaY;
 			distance += 2;
-			// Hit wall boundaries
-			if (rayX <= 100 || rayX >= 1948 || rayY <= 100 || rayY >= 2632) {
+			// Check for walls using world grid
+			if (worldGrid.hasWallAt(rayX, rayY)) {
 				break;
 			}
-			// Add some procedural walls for the backrooms feel
-			var gridX = Math.floor(rayX / 200);
-			var gridY = Math.floor(rayY / 200);
-			if ((gridX + gridY) % 3 === 0 && distance > 50) {
-				break;
-			}
 		}
 		return distance;
 	};
 	return self;
@@ -135,26 +122,70 @@
 
 /**** 
 * Game Code
 ****/ 
-// Create separate areas for different pseudo-3D layers
-var floorArea = new Container();
-var wallArea = new Container();
-var ceilingArea = new Container();
-// Position areas correctly - floor below, walls middle, ceiling above
-floorArea.y = 1366; // Floor area positioned below player level
-wallArea.y = 0; // Wall area at player level
-ceilingArea.y = -366; // Ceiling area positioned above player level
-// Add areas to game in correct order (back to front)
-game.addChild(ceilingArea); // Ceiling at back
-game.addChild(wallArea); // Walls in middle
-game.addChild(floorArea); // Floor at front (closest to player)
+// World coordinate system - grid-based layout
+var worldGrid = {
+	cellSize: 200,
+	width: 20,
+	// 20x20 grid
+	height: 20,
+	walls: [],
+	// Will store wall positions
+	// Initialize world grid with walls
+	initializeGrid: function initializeGrid() {
+		for (var x = 0; x < this.width; x++) {
+			this.walls[x] = [];
+			for (var y = 0; y < this.height; y++) {
+				// Create backrooms-style layout
+				var isWall = false;
+				// Outer boundaries are always walls
+				if (x === 0 || x === this.width - 1 || y === 0 || y === this.height - 1) {
+					isWall = true;
+				}
+				// Create maze-like structure typical of backrooms
+				else if (x % 3 === 0 && y % 3 === 0 || x % 4 === 0 && y % 2 === 0 || y % 4 === 0 && x % 2 === 0) {
+					isWall = true;
+				}
+				this.walls[x][y] = isWall;
+			}
+		}
+	},
+	// Check if a world position has a wall
+	hasWallAt: function hasWallAt(worldX, worldY) {
+		var gridX = Math.floor(worldX / this.cellSize);
+		var gridY = Math.floor(worldY / this.cellSize);
+		if (gridX < 0 || gridX >= this.width || gridY < 0 || gridY >= this.height) {
+			return true; // Outside bounds = wall
+		}
+		return this.walls[gridX][gridY];
+	},
+	// Convert screen coordinates to world coordinates
+	screenToWorld: function screenToWorld(screenX, screenY) {
+		return {
+			x: screenX,
+			y: screenY
+		};
+	},
+	// Convert world coordinates to screen coordinates
+	worldToScreen: function worldToScreen(worldX, worldY) {
+		return {
+			x: worldX,
+			y: worldY
+		};
+	}
+};
+// Initialize the world grid
+worldGrid.initializeGrid();
 // Create player
 var player = new Player();
-wallArea.addChild(player); // Player exists in wall area
+// Position player at a valid starting location in the world grid
+player.x = worldGrid.cellSize * 1.5; // Start in cell (1,1)
+player.y = worldGrid.cellSize * 1.5;
+game.addChild(player);
 // Create 3D renderer
 var renderer3D = new Renderer3D();
-renderer3D.init(floorArea, wallArea, ceilingArea);
+game.addChild(renderer3D);
 // Movement flags
 var moveForward = false;
 var moveBackward = false;
 var turnLeft = false;