/**** 
* Classes
****/
var TetrominoBlock = Container.expand(function (type, i, j, blockSize) {
  var self = Container.call(this);
  var blockGraphic = self.createAsset('tetromino_' + type, type + ' Tetromino block', 0.5, 0.5);
  self.x = j * blockSize;
  self.y = i * blockSize;
});
// Define Tetromino class
var Tetromino = Container.expand(function () {
  var self = Container.call(this);
  Tetromino.prototype.checkCollision = function (dx, dy, board) {
    for (var i = 0; i < this.blocks.length; i++) {
      var block = this.blocks[i];
      var newX = this.x + block.x + dx;
      var newY = this.y + block.y + dy;
      var gridX = Math.floor(newX / blockSize);
      var gridY = Math.floor(newY / blockSize);
      if (gridX < 0 || gridX >= boardWidth || gridY >= boardHeight) {
        return true; // Collision with board boundaries
      }
      if (gridY >= 0 && board.grid[gridY] && board.grid[gridY][gridX]) {
        return true; // Collision with another block
      }
    }
    return false;
  };
  this.blocks = [];
  this.type = '';
  this.rotationIndex = 0;
  this.initializeBlocks = function (layout) {
    this.initializeBlocks = function (layout, blockSize) {
      for (var i = 0; i < layout.length; i++) {
        for (var j = 0; j < layout[i].length; j++) {
          if (layout[i][j]) {
            var block = new TetrominoBlock(this.type, i, j, blockSize);
            this.blocks.push(block);
            this.addChild(block);
          }
        }
      }
    };
  };
  this.create = function (type, blockSize) {
    this.type = type;
    this.rotationIndex = 0;
    var layout = tetrominoLayouts[type][this.rotationIndex];
    this.initializeBlocks(layout, blockSize);
  };
  this.rotate = function () {
    var oldRotationIndex = this.rotationIndex;
    var newRotationIndex = (this.rotationIndex + 1) % tetrominoLayouts[this.type].length;
    this.rotationIndex = newRotationIndex;
    this.updateBlockPositions();
    if (this.checkCollision(0, 0, board)) {
      this.rotationIndex = oldRotationIndex;
      this.updateBlockPositions();
    }
  };
  this.updateBlockPositions = function () {
    var layout = tetrominoLayouts[this.type][this.rotationIndex];
    var k = 0;
    for (var i = 0; i < layout.length; i++) {
      for (var j = 0; j < layout[i].length; j++) {
        if (layout[i][j]) {
          this.blocks[k].x = j * this.blocks[k].width;
          this.blocks[k].y = i * this.blocks[k].height;
          k++;
        }
      }
    }
  };
  this.move = function (dx, dy) {
    if (!this.checkCollision(dx, dy, board)) {
      this.x += dx;
      this.y += dy;
    } else if (dy > 0) {
      board.fixTetromino(this);
      spawnTetromino();
    }
  };
});
// Define GameBoard class
var GameBoard = Container.expand(function () {
  var self = Container.call(this);
  this.grid = [];
  this.init = function () {
    for (var i = 0; i < boardHeight; i++) {
      this.grid[i] = [];
      for (var j = 0; j < boardWidth; j++) {
        this.grid[i][j] = null;
      }
    }
  };
  this.fixTetromino = function (tetromino) {
    var blocks = tetromino.blocks;
    for (var i = 0; i < blocks.length; i++) {
      var block = blocks[i];
      var x = Math.round((block.x + tetromino.x - this.x) / blockSize);
      var y = Math.round((block.y + tetromino.y - this.y) / blockSize);
      if (y < boardHeight && x < boardWidth) {
        this.grid[y][x] = block;
        block.x = x * blockSize;
        block.y = y * blockSize;
        this.addChild(block);
      } else if (y < 0) {
        LK.showGameOver();
        return false;
      }
    }
    this.checkLines();
    return true;
  };
  this.isGameOver = function () {
    for (var x = 0; x < boardWidth; x++) {
      if (this.grid[0][x] !== null) {
        return true;
      }
    }
    return false;
  };
  this.checkLines = function () {
    for (var y = 0; y < boardHeight; y++) {
      var lineComplete = true;
      for (var x = 0; x < boardWidth; x++) {
        if (this.grid[y][x] === null) {
          lineComplete = false;
          break;
        }
      }
      if (lineComplete) {
        for (var row = y; row > 0; row--) {
          for (var x = 0; x < boardWidth; x++) {
            this.grid[row][x] = this.grid[row - 1][x];
            if (this.grid[row][x]) {
              this.grid[row][x].y += blockSize;
            }
          }
        }
        for (var x = 0; x < boardWidth; x++) {
          this.grid[0][x] = null;
        }
        for (var x = 0; x < boardWidth; x++) {
          if (this.grid[y][x]) {
            this.grid[y][x].destroy();
            this.grid[y][x] = null;
          }
        }
        var linesCleared = 0;
        for (var y = 0; y < boardHeight; y++) {
          var lineComplete = true;
          for (var x = 0; x < boardWidth; x++) {
            if (this.grid[y][x] === null) {
              lineComplete = false;
              break;
            }
          }
          if (lineComplete) {
            linesCleared++;
            for (var row = y; row > 0; row--) {
              for (var x = 0; x < boardWidth; x++) {
                this.grid[row][x] = this.grid[row - 1][x];
                if (this.grid[row][x]) {
                  this.grid[row][x].y += blockSize;
                }
              }
            }
            for (var x = 0; x < boardWidth; x++) {
              this.grid[0][x] = null;
            }
            for (var x = 0; x < boardWidth; x++) {
              if (this.grid[y][x]) {
                this.grid[y][x].destroy();
                this.grid[y][x] = null;
              }
            }
          }
        }
        if (linesCleared > 0) {
          var scoreToAdd = linesCleared === 1 ? 100 : linesCleared === 2 ? 300 : linesCleared === 3 ? 500 : 800;
          LK.setScore(LK.getScore() + scoreToAdd);
          gameUI.updateScore(LK.getScore());
        }
      }
    }
  };
  this.init();
});
// Define LowerField class for collecting Tetrominoes
var LowerField = Container.expand(function () {
  var self = Container.call(this);
  this.init = function () {
    this.grid = [];
    for (var i = 0; i < boardHeight; i++) {
      this.grid[i] = [];
      for (var j = 0; j < boardWidth; j++) {
        this.grid[i][j] = null;
      }
    }
  };
  this.init();
  this.addBlock = function (block, x, y) {
    if (y < boardHeight && x < boardWidth) {
      this.grid[y][x] = block;
      block.x = x * blockSize;
      block.y = y * blockSize;
      this.addChild(block);
    }
  };
});
// Define GameMenu class
var GameMenu = Container.expand(function () {
  var self = Container.call(this);
  this.startButton = new Text2('Start', {
    size: 150,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0.5
    }
  });
  this.startButton.on('down', function () {
    GameState.initialize();
    self.visible = false;
  });
  this.pauseButton = new Text2('Pause', {
    size: 150,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0.5
    }
  });
  this.pauseButton.on('down', function () {
    GameState.state = 'paused';
  });
  this.resumeButton = new Text2('Resume', {
    size: 150,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0.5
    }
  });
  this.resumeButton.on('down', function () {
    GameState.state = 'active';
  });
  this.restartButton = new Text2('Restart', {
    size: 150,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0.5
    }
  });
  this.restartButton.on('down', function () {
    GameState.initialize();
  });
  LK.gui.bottom.addChild(this.startButton);
  LK.gui.bottom.addChild(this.pauseButton);
  LK.gui.bottom.addChild(this.resumeButton);
  LK.gui.bottom.addChild(this.restartButton);
  this.pauseButton.visible = false;
  this.resumeButton.visible = false;
  this.restartButton.visible = false;
});
// Create a new GameMenu instance
// Create score display
var ScoreDisplay = Container.expand(function () {
  var self = Container.call(this);
  this.scoreText = new Text2('Score: 0', {
    size: 100,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0
    }
  });
  this.levelText = new Text2('Level: 1', {
    size: 100,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0
    }
  });
  this.linesText = new Text2('Lines: 0', {
    size: 100,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0
    }
  });
  LK.gui.top.addChild(this.scoreText);
  LK.gui.top.addChild(this.levelText);
  LK.gui.top.addChild(this.linesText);
  this.levelText.y = this.scoreText.height;
  this.linesText.y = this.scoreText.height * 2;
  this.updateScore = function (score) {
    this.scoreText.setText('Score: ' + score.toString());
  };
  this.updateLevel = function (level) {
    this.levelText.setText('Level: ' + level.toString());
  };
  this.updateLinesCleared = function (lines) {
    this.linesText.setText('Lines: ' + lines.toString());
  };
});
// Create a new ScoreDisplay instance
var GameUI = Container.expand(function () {
  var self = Container.call(this);
  this.scoreText = new Text2('Score: 0', {
    size: 100,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0
    }
  });
  this.levelText = new Text2('Level: 1', {
    size: 100,
    fill: "#ffffff",
    anchor: {
      x: 0.5,
      y: 0
    }
  });
  this.nextTetrominoPreview = new Container();
  LK.gui.top.addChild(this.scoreText);
  LK.gui.top.addChild(this.levelText);
  LK.gui.topRight.addChild(this.nextTetrominoPreview);
  this.scoreText.y = 20;
  this.levelText.y = this.scoreText.height + 20;
  this.nextTetrominoPreview.y = 20;
  this.updateScore = function (score) {
    this.scoreText.setText('Score: ' + score.toString());
  };
  this.updateLevel = function (level) {
    this.levelText.setText('Level: ' + level.toString());
  };
  this.updateNextTetrominoPreview = function (type) {
    this.nextTetrominoPreview.removeChildren();
    var layout = GameState.tetrominoLayouts[type][0];
    for (var i = 0; i < layout.length; i++) {
      for (var j = 0; j < layout[i].length; j++) {
        if (layout[i][j]) {
          var block = LK.getAsset('tetromino_' + type + '_preview', 'Next Tetromino block', 0.5, 0.5);
          block.x = j * (blockSize * 0.5);
          block.y = i * (blockSize * 0.5);
          this.nextTetrominoPreview.addChild(block);
        }
      }
    }
  };
});

/**** 
* Initialize Game
****/
// Create a new GameUI instance
var game = new LK.Game({
  backgroundColor: 0x000000 // Init game with black background for better contrast
});

/**** 
* Game Code
****/
// Create a new GameMenu instance
var gameMenu = new GameMenu();
// Define game constants and variables
var GameState = {
  boardWidth: 10,
  boardHeight: 20,
  blockSize: 2048 / 10,
  // Calculate block size based on viewable area width
  fallRate: 1000,
  // Time in milliseconds between each Tetromino fall step
  score: 0,
  // Initialize current score
  level: 1,
  // Initialize game level
  state: 'active',
  // Game state can be 'paused', 'active', or 'gameOver'
  grid: [],
  initializeGrid: function () {
    for (var i = 0; i < this.boardHeight; i++) {
      this.grid[i] = [];
      for (var j = 0; j < this.boardWidth; j++) {
        this.grid[i][j] = null; // Each cell starts as null (empty)
      }
    }
  }
};
GameState.initializeGrid();
// Initialize the first Tetromino
spawnTetromino();
// Define game constants and variables
var TetrominoMovement = {
  calculateMove: function calculateMove(tetromino, dx, dy, board) {
    var newX = tetromino.x + dx;
    var newY = tetromino.y + dy;
    var canMove = true;
    for (var i = 0; i < tetromino.blocks.length; i++) {
      var block = tetromino.blocks[i];
      var gridX = Math.round((block.x + newX - board.x) / blockSize);
      var gridY = Math.round((block.y + newY - board.y) / blockSize);
      if (gridX < 0 || gridX >= boardWidth || gridY < 0 || gridY >= boardHeight) {
        canMove = false;
        break;
      } else if (gridY >= 0 && board.grid[gridY] && board.grid[gridY][gridX]) {
        canMove = false;
        break;
      }
    }
    return {
      canMove: canMove,
      newX: newX,
      newY: newY
    };
  }
};
var boardWidth = 10;
var boardHeight = 20;
var blockSize = 2048 / boardWidth; // Calculate block size based on viewable area width
var fallRate = 1000; // Time in milliseconds between each Tetromino fall step
// GameBoard class is now encapsulated and instantiated separately
var board = new GameBoard();
game.addChild(board);
var GameState = {
  currentTetromino: null,
  nextTetrominoType: null,
  tetrominoTypes: ['I', 'J', 'L', 'O', 'S', 'T', 'Z'],
  tetrominoLayouts: {
    'I': [[[1, 1, 1, 1]]],
    'J': [[[1, 0, 0], [1, 1, 1]]],
    'L': [[[0, 0, 1], [1, 1, 1]]],
    'O': [[[1, 1], [1, 1]]],
    'S': [[[0, 1, 1], [1, 1, 0]]],
    'T': [[[0, 1, 0], [1, 1, 1]]],
    'Z': [[[1, 1, 0], [0, 1, 1]]]
  },
  scoreTxt: null,
  isGameOver: false,
  initialize: function () {
    this.currentTetromino = null;
    this.nextTetrominoType = this.tetrominoTypes[Math.floor(Math.random() * this.tetrominoTypes.length)];
    this.linesCleared = 0;
    this.score = 0;
    this.level = 1;
    this.state = 'active';
    this.spawnTetromino();
    gameUI.updateScore(this.score);
    gameUI.updateLevel(this.level);
    gameUI.updateLinesCleared(this.linesCleared);
    gameMenu.startButton.visible = false;
    gameMenu.pauseButton.visible = true;
    gameMenu.resumeButton.visible = false;
    gameMenu.restartButton.visible = true;
    board.init();
    game.addChild(board);
    board.x = (2048 - boardWidth * blockSize) / 2;
    board.y = (2732 - boardHeight * blockSize) / 2;
    game.addChild(gameUI);
  },
  spawnTetromino: function () {
    GameState.linesCleared = 0;
    gameUI.updateScore(GameState.score);
    gameUI.updateLevel(GameState.level);
    gameUI.updateNextTetrominoPreview(GameState.nextTetrominoType);
    var type = this.nextTetrominoType != null ? this.nextTetrominoType : this.tetrominoTypes[Math.floor(Math.random() * this.tetrominoTypes.length)];
    this.nextTetrominoType = this.tetrominoTypes[Math.floor(Math.random() * this.tetrominoTypes.length)];
    this.currentTetromino = new Tetromino();
    this.currentTetromino.create(type);
    this.currentTetromino.x = board.x + (boardWidth * blockSize - this.currentTetromino.width) / 2;
    this.currentTetromino.y = board.y - this.currentTetromino.height;
    game.addChild(this.currentTetromino);
  },
  gameOver: function () {
    this.isGameOver = true;
    LK.showGameOver();
  }
};
GameState.initialize();
// Initialize board
board.init();
// Center the board on the screen
board.x = (2048 - boardWidth * blockSize) / 2;
board.y = (2732 - boardHeight * blockSize) / 2;
// Create a new GameUI instance
var gameUI = new GameUI();
// Function to spawn a new tetromino
function spawnTetromino(blockSize) {
  var type = GameState.nextTetrominoType != null ? GameState.nextTetrominoType : GameState.tetrominoTypes[Math.floor(Math.random() * GameState.tetrominoTypes.length)];
  GameState.nextTetrominoType = GameState.tetrominoTypes[Math.floor(Math.random() * GameState.tetrominoTypes.length)];
  GameState.currentTetromino = new Tetromino();
  GameState.currentTetromino.create(type, blockSize);
  GameState.currentTetromino.x = board.x + boardWidth / 2 * blockSize - GameState.currentTetromino.width / 2;
  GameState.currentTetromino.y = board.y;
  game.addChild(GameState.currentTetromino);
}
// Start the game with a new tetromino
spawnTetromino();
// Implement automatic Tetromino descent
// Function to handle user input for moving and rotating the tetromino
function handleUserInput() {
  game.on('down', function (obj) {
    var touchPos = obj.event.getLocalPosition(game);
    // Define touch areas for control
    var leftArea = {
      x: board.x,
      width: boardWidth * blockSize / 3
    };
    var rightArea = {
      x: board.x + boardWidth * blockSize * 2 / 3,
      width: boardWidth * blockSize / 3
    };
    var rotateArea = {
      x: board.x + boardWidth * blockSize / 3,
      width: boardWidth * blockSize / 3
    };
    // Move tetromino left
    if (touchPos.x >= leftArea.x && touchPos.x < leftArea.x + leftArea.width) {
      currentTetromino.move(-blockSize, 0);
    }
    // Move tetromino right
    else if (touchPos.x >= rightArea.x && touchPos.x < rightArea.x + rightArea.width) {
      currentTetromino.move(blockSize, 0);
    }
    // Rotate tetromino
    else if (touchPos.x >= rotateArea.x && touchPos.x < rotateArea.x + rotateArea.width) {
      currentTetromino.rotate();
    }
  });
}
// Game loop
LK.on('tick', function () {
  if (GameState.state === 'paused') {
    return;
  }
  // Handle Tetromino descent
  if (GameState.currentTetromino && GameState.state === 'active') {
    if (LK.ticks % (fallRate / (1000 / 60)) === 0) {
      GameState.currentTetromino.move(0, blockSize);
    }
  }
  // Handle user input for moving and rotating the tetromino
  handleUserInput();
  // Check for completed lines
  board.checkLines();
  // Check for game over
  if (board.isGameOver()) {
    GameState.gameOver();
  }
});
// Function to handle user input for moving and rotating the tetromino
function handleUserInput() {
  game.on('down', function (obj) {
    var touchPos = obj.event.getLocalPosition(game);
    var leftArea = {
      x: 0,
      width: board.x
    };
    var rightArea = {
      x: board.x + boardWidth * blockSize,
      width: 2048 - (board.x + boardWidth * blockSize)
    };
    var rotateArea = {
      x: board.x,
      y: board.y,
      width: boardWidth * blockSize,
      height: boardHeight * blockSize
    };
    if (touchPos.x < leftArea.width) {
      GameState.currentTetromino.move(-blockSize, 0);
    } else if (touchPos.x > rightArea.x) {
      GameState.currentTetromino.move(blockSize, 0);
    } else if (touchPos.x >= rotateArea.x && touchPos.x < rotateArea.x + rotateArea.width && touchPos.y >= rotateArea.y && touchPos.y < rotateArea.y + rotateArea.height) {
      GameState.currentTetromino.rotate();
    }
  });
}

===================================================================
--- original.js
+++ change.js
@@ -34,9 +34,10 @@
       for (var i = 0; i < layout.length; i++) {
         for (var j = 0; j < layout[i].length; j++) {
           if (layout[i][j]) {
             var block = new TetrominoBlock(this.type, i, j, blockSize);
-            this.blocks.push(this.addChild(block));
+            this.blocks.push(block);
+            this.addChild(block);
           }
         }
       }
     };
@@ -392,18 +393,8 @@
     }
   }
 };
 GameState.initializeGrid();
-// GameBoard class is now encapsulated and instantiated separately
-var board = new GameBoard();
-board.init();
-// Center the board on the screen
-board.x = (2048 - boardWidth * blockSize) / 2;
-board.y = (2732 - boardHeight * blockSize) / 2;
-// Add the board to the game
-game.addChild(board);
-// Create a new ScoreDisplay instance
-var gameUI = new GameUI();
 // Initialize the first Tetromino
 spawnTetromino();
 // Define game constants and variables
 var TetrominoMovement = {