tetris.js

// Define variables for the game
let board;
let cols = 10;
let rows = 20;
let blockSize = 30;
let currentPiece;
let gameSpeed = 500; // Speed of the game
let lastMove = 0;

function setup() {
  createCanvas(cols * blockSize, rows * blockSize);
  board = createBoard(rows, cols); // Initialize the game board
  currentPiece = new Piece(); // Create the first piece
}

function draw() {
  background(255);
  let currentTime = millis();
  if (currentTime - lastMove > gameSpeed) {
    if (!currentPiece.moveDown(board)) {
      handlePieceLanding(board, currentPiece);
      currentPiece = new Piece();
    }
    lastMove = currentTime;
  }
  drawBoard(board);
  currentPiece.show();
}

// Create the game board
function createBoard(rows, cols) {
  let arr = [];
  for (let i = 0; i < rows; i++) {
    arr.push(new Array(cols).fill(0));
  }
  return arr;
}

// Draw the game board
function drawBoard(board) {
  for (let i = 0; i < rows; i++) {
    for (let j = 0; j < cols; j++) {
      fill(board[i][j] === 0 ? 255 : board[i][j]);
      stroke(0);
      rect(j * blockSize, i * blockSize, blockSize, blockSize);
    }
  }
}

// Define the Piece class
class Piece {
    constructor() {
        // Define the shape and color of the piece
        this.shape = [[1, 1], [1, 1]]; // A simple 2x2 block for example
        this.color = [255, 0, 0]; // Red color
        this.x = 0; // X position
        this.y = 0; // Y position
    }

    show() {
        // Display the piece on the board
        fill(this.color);
        for (let i = 0; i < this.shape.length; i++) {
            for (let j = 0; j < this.shape[i].length; j++) {
            if (this.shape[i][j] === 1) {
                rect((this.x + j) * blockSize, (this.y + i) * blockSize, blockSize, blockSize);
            }
            }
        }
    }

    moveDown(board) {
        // Move the piece down
        this.y++;
        // Check for collision with the board
        for (let i = 0; i < this.shape.length; i++) {
            for (let j = 0; j < this.shape[i].length; j++) {
            if (this.shape[i][j] === 1 && board[this.y + i][this.x + j] !== 0) {
                this.y--;
                return false;
            }
            }
        }
        return true;
    }

  // Additional functions like rotate, moveLeft, moveRight, etc.

    rotate() {
        // Rotate the piece 90 degrees
        this.shape = this.shape[0].map((val, index) => this.shape.map(row => row[index])).reverse();
    }

    moveLeft(board) {
        // Move the piece to the left
        this.x--;
        // Check for collision with the board
        for (let i = 0; i < this.shape.length; i++) {
            for (let j = 0; j < this.shape[i].length; j++) {
                if (this.shape[i][j] === 1 && board[this.y + i][this.x + j] !== 0) {
                    this.x++;
                    return false;
                }
            }
        }
        return true;
    }

    moveRight(board) {
        // Move the piece to the right
        this.x++;
        // Check for collision with the board
        for (let i = 0; i < this.shape.length; i++) {
            for (let j = 0; j < this.shape[i].length; j++) {
                if (this.shape[i][j] === 1 && board[this.y + i][this.x + j] !== 0) {
                    this.x--;
                    return false;
                }
            }
        }
        return true;
    }
}

function handlePieceLanding(board, piece) {
    // Handle what happens when a piece lands
    for (let i = 0; i < piece.shape.length; i++) {
        for (let j = 0; j < piece.shape[i].length; j++) {
        if (piece.shape[i][j] === 1) {
            board[piece.y + i][piece.x + j] = piece.color;
        }
        }
    }
}

function keyPressed() {
    // Handle keyboard inputs for controlling pieces
    if (keyCode === LEFT_ARROW) {
        currentPiece.x--;
    } else if (keyCode === RIGHT_ARROW) {
        currentPiece.x++;
    } else if (keyCode === DOWN_ARROW) {
        currentPiece.moveDown(board);
    }
    // Add more controls as needed
}