const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const width = canvas.width = 300; const height = canvas.height = 600; const blockSize = 30; const rows = height / blockSize; const cols = width / blockSize; const marioColors = ['#FF0000', '#0000FF', '#00FF00', '#FFFF00', '#FF00FF']; const marioShapes = [ [[1, 1, 1], [0, 1, 0]], [[0, 1, 1], [1, 1, 0]], [[1, 1, 0], [0, 1, 1]], [[0, 1, 0], [1, 1, 1]], [[1, 0, 0], [1, 1, 1]], [[0, 0, 1], [1, 1, 1]], [[1, 1], [1, 1]] ]; const marioTypes = ['I', 'J', 'L', 'O', 'S', 'T', 'Z']; let board = []; let currentPiece; let currentX; let currentY; let intervalId; let score = 0; function drawBlock(x, y, color) { ctx.fillStyle = color; ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize); ctx.strokeStyle = '#000'; ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize); } function drawBoard() { for (let row = 0; row < rows; row++) { for (let col = 0; col < cols; col++) { if (board[row][col]) { drawBlock(col, row, marioColors[marioTypes.indexOf(board[row][col])]); } } } } function drawPiece() { currentPiece.shape.forEach((row, y) => { row.forEach((value, x) => { if (value) { drawBlock(currentX + x, currentY + y, marioColors[marioTypes.indexOf(currentPiece.type)]); } }); }); } function newPiece() { const index = Math.floor(Math.random() * marioShapes.length); const type = marioTypes[index]; const shape = marioShapes[index]; currentPiece = { type, shape }; currentX = Math.floor(cols / 2) - Math.ceil(currentPiece.shape[0].length / 2); currentY = 0; } function movePiece(dx) { const newX = currentX + dx; if (newX < 0 || newX + currentPiece.shape[0].length > cols) { return; } currentX = newX; } function rotatePiece() { const newShape = []; for (let y = 0; y < currentPiece.shape[0].length; y++) { const newRow = []; for (let x = currentPiece.shape.length - 1; x >= 0; x--) { newRow.push(currentPiece.shape[x][y]); } newShape.push(newRow); } currentPiece.shape = newShape; } function dropPiece() { const newY = currentY + 1; if (collision(0, 1, currentPiece.shape)) { addPieceToBoard(); newPiece(); checkRows(); if (collision(0, 0, currentPiece.shape)) { gameOver(); return; } } else { currentY = newY; } } function addPieceToBoard() { currentPiece.shape.forEach((row, y) => { row.forEach((value, x) => { if (value) { board[currentY + y][currentX + x] = currentPiece.type; } }); }); } function checkRows() { let rowCount = 0; for (let row = 0; row < rows; row++) { if (board[row].every(value => value !== '')) { board.splice(row, 1); board.unshift(new Array(cols).fill('')); rowCount++; } } score += rowCount * 10; } function collision(dx, dy, shape) { for (let y = 0; y < shape.length; y++) { for (let x = 0; x < shape[0].length; x++) { if (shape[y][x]) { const newX = currentX + x + dx; const newY = currentY + y + dy; if (newX < 0 || newX >= cols || newY >= rows) { return true; } if (newY < 0) { continue; } if (board[newY][newX] !== '') { return true; } } } } return false; } function gameOver() { clearInterval(intervalId); ctx.fillStyle = '#000'; ctx.fillRect(0, 0, width, height); ctx.fillStyle = '#FFF'; ctx.font = '30px Arial'; ctx.textAlign = 'center'; ctx.fillText('Game Over', width / 2, height / 2); ctx.fillText(`Score: ${score}`, width / 2, height / 2 + 40); } function gameLoop() { dropPiece(); ctx.fillStyle = '#000'; ctx.fillRect(0, 0, width, height); drawBoard(); drawPiece(); ctx.fillStyle = '#FFF'; ctx.font = '20px Arial'; ctx.textAlign = 'left'; ctx.fillText(`Score: ${score}`, 10, 30); } document.addEventListener('keydown', event => { switch (event.keyCode) { case 37: movePiece(-1); break; case 38: rotatePiece(); break; case 39: movePiece(1); break; case 40: dropPiece(); break; } }); for (let row = 0; row < rows; row++) { board[row] = new Array(cols).fill(''); } newPiece(); intervalId = setInterval(gameLoop, 500);

GPTgame

Sign up for free tokens!

Tetris but the falling pieces are super mario bros characters

GPTgame