===================================================================
--- original.js
+++ change.js
@@ -1,114 +1,122 @@
-/****
+/**** 
 * Classes
-****/
+****/ 
 // Assets will be automatically created and loaded by the LK engine based on their usage in the code.
 // Define a Tile class to represent each tile in the grid
 var Tile = Container.expand(function () {
-  var self = Container.call(this);
-  self.type = 'empty'; // Default type
-  self.connections = []; // Connection points for pipes
-  self.position = {
-    x: 0,
-    y: 0
-  }; // Grid position
-  // Method to set the tile type
-  self.setType = function (type) {
-    self.type = type;
-    // Attach appropriate asset based on type
-    switch (type) {
-      case 'start':
-        self.attachAsset('startTile', {
-          anchorX: 0.5,
-          anchorY: 0.5
-        });
-        break;
-      case 'end':
-        self.attachAsset('endTile', {
-          anchorX: 0.5,
-          anchorY: 0.5
-        });
-        break;
-      case 'fixed':
-        self.attachAsset('fixedPipe', {
-          anchorX: 0.5,
-          anchorY: 0.5
-        });
-        break;
-      case 'movable':
-        self.attachAsset('movablePipe', {
-          anchorX: 0.5,
-          anchorY: 0.5
-        });
-        break;
-      case 'empty':
-        // No asset for empty tiles
-        break;
-    }
-  };
-  // Method to update the tile's position
-  self.updatePosition = function (x, y) {
-    self.position.x = x;
-    self.position.y = y;
-    self.x = x * 128; // Assuming each tile is 128x128 pixels
-    self.y = y * 128;
-  };
-  return self;
+	var self = Container.call(this);
+	self.type = 'empty'; // Default type
+	self.connections = []; // Connection points for pipes
+	self.position = {
+		x: 0,
+		y: 0
+	}; // Grid position
+	// Method to set the tile type
+	self.setType = function (type) {
+		self.type = type;
+		// Attach appropriate asset based on type
+		switch (type) {
+			case 'start':
+				self.attachAsset('startTile', {
+					anchorX: 0.5,
+					anchorY: 0.5
+				});
+				break;
+			case 'end':
+				self.attachAsset('endTile', {
+					anchorX: 0.5,
+					anchorY: 0.5
+				});
+				break;
+			case 'fixed':
+				self.attachAsset('fixedPipe', {
+					anchorX: 0.5,
+					anchorY: 0.5
+				});
+				break;
+			case 'movable':
+				self.attachAsset('movablePipe', {
+					anchorX: 0.5,
+					anchorY: 0.5
+				});
+				break;
+			case 'empty':
+				// No asset for empty tiles
+				break;
+		}
+	};
+	// Method to update the tile's position
+	self.updatePosition = function (x, y) {
+		self.position.x = x;
+		self.position.y = y;
+		self.x = x * 128; // Assuming each tile is 128x128 pixels
+		self.y = y * 128;
+	};
+	return self;
 });
 
-/****
+/**** 
 * Initialize Game
-****/
+****/ 
 var game = new LK.Game({
-  backgroundColor: 0x000000 // Init game with black background
+	backgroundColor: 0x000000 // Init game with black background
 });
 
-/****
+/**** 
 * Game Code
-****/
+****/ 
 // Initialize the grid
 var grid = [];
 var gridSize = 4; // 4x4 grid
 // Create the grid and populate it with tiles
 for (var i = 0; i < gridSize; i++) {
-  grid[i] = [];
-  for (var j = 0; j < gridSize; j++) {
-    var tile = new Tile();
-    tile.updatePosition(i, j);
-    grid[i][j] = tile;
-    game.addChild(tile);
-  }
+	grid[i] = [];
+	for (var j = 0; j < gridSize; j++) {
+		var tile = new Tile();
+		tile.updatePosition(i, j);
+		grid[i][j] = tile;
+		game.addChild(tile);
+	}
 }
+// Add the gridBoard to the game and place it at the center
+var gridBoard = LK.getAsset('gridBoard', {
+	anchorX: 0.5,
+	anchorY: 0.5
+});
+game.addChild(gridBoard);
+gridBoard.x = 2048 / 2;
+gridBoard.y = 2732 / 2;
 // Set up initial puzzle configuration
 grid[0][0].setType('start');
 grid[3][3].setType('end');
 grid[1][1].setType('fixed');
 grid[2][2].setType('movable');
 grid[1][2].setType('movable');
 // Function to handle sliding of tiles
 function slideTiles(direction) {
-  // Implement sliding logic based on direction
-  // Validate moves and update tile positions
+	// Implement sliding logic based on direction
+	// Validate moves and update tile positions
 }
 // Function to trace the water path
 function traceWaterPath() {
-  // Implement path tracing logic
-  // Check if the path is complete from start to end
+	// Implement path tracing logic
+	// Check if the path is complete from start to end
 }
 // Event listeners for user interactions
 game.down = function (x, y, obj) {
-  // Determine which tile was clicked and initiate sliding
+	// Determine which tile was clicked and initiate sliding
 };
 game.up = function (x, y, obj) {
-  // Finalize sliding and check for puzzle completion
+	// Finalize sliding and check for puzzle completion
 };
 // Game update loop
 game.update = function () {
-  // Continuously check for path completion
-  traceWaterPath();
+	// Continuously check for path completion
+	traceWaterPath();
 };
 // Initialize the game with a simple puzzle
 function initializePuzzle() {
-  // Set up a solvable puzzle configuration
-  // Ensure start and end tiles are connected through movable pipes
+	// Set up a solvable puzzle configuration
+	// Ensure start and end tiles are connected through movable pipes
 }
 initializePuzzle();
\ No newline at end of file