const canvas = document.getElementById('canvas'); const ctx = canvas.getContext('2d'); const colors = ['#FF0000', '#00FF00', '#0000FF', '#FFFF00', '#00FFFF', '#FF00FF', '#C0C0C0']; const pieces = [ [[1, 1], [1, 1]], [[0, 2, 0], [2, 2, 2]], [[3, 3, 0], [0, 3, 3]], [[4, 0, 0], [4, 4, 4]], [[0, 0, 5], [5, 5, 5]], [[0, 6, 6], [6, 6, 0]], [[7, 7, 7, 7]] ]; let piece = pieces[Math.floor(Math.random() * pieces.length)]; let x = 3; let y = 0; let score = 0; let speed = 500; let board = []; for (let r = 0; r < 20; r++) { board[r] = []; for (let c = 0; c < 10; c++) { board[r][c] = 0; } } function drawPiece() { ctx.fillStyle = colors[piece - 1]; for (let r = 0; r < piece.length; r++) { for (let c = 0; c < piece[r].length; c++) { if (piece[r][c]) { ctx.fillRect(x + c, y + r, 1, 1); } } } } function drawBoard() { for (let r = 0; r < board.length; r++) { for (let c = 0; c < board[r].length; c++) { if (board[r][c]) { ctx.fillStyle = colors[board[r][c] - 1]; ctx.fillRect(c, r, 1, 1); } } } } function movePiece(dx) { if (!collision(0, dx)) { x += dx; } } function dropPiece() { if (collision(1, 0)) { freeze(); newPiece(); } else { y++; } } function rotatePiece() { let rotatedPiece = []; for (let r = 0; r < piece[0].length; r++) { rotatedPiece[r] = []; for (let c = 0; c < piece.length; c++) { rotatedPiece[r][c] = piece[piece.length - 1 - c][r]; } } piece = rotatedPiece; if (collision(0, 0)) { piece = rotatedPiece; } } function collision(dy, dx) { for (let r = 0; r < piece.length; r++) { for (let c = 0; c < piece[r].length; c++) { if (!piece[r][c]) { continue; } let newY = y + r + dy; let newX = x + c + dx; if (newY < 0 || newY >= 20 || newX < 0 || newX >= 10 || board[newY][newX]) { return true; } } } return false; } function freeze() { for (let r = 0; r < piece.length; r++) { for (let c = 0; c < piece[r].length; c++) { if (!piece[r][c]) { continue; } if (y + r < 0) { alert('Game Over'); location.reload(); return; } board[y + r][x + c] = piece[r][c]; } } for (let r = 0; r < board.length; r++) { let isRowFull = true; for (let c = 0; c < board[r].length; c++) { isRowFull = isRowFull && board[r][c] !== 0; } if (isRowFull) { board.splice(r, 1); score++; let newRow = []; for (let c = 0; c < 10; c++) { newRow[c] = 0; } board.unshift(newRow); } } speed = 500 - score * 10; } function newPiece() { piece = pieces[Math.floor(Math.random() * pieces.length)]; x = 3; y = 0; } 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; } }); function gameLoop() { ctx.clearRect(0, 0, canvas.width, canvas.height); drawBoard(); drawPiece(); dropPiece(); setTimeout(gameLoop, speed); } gameLoop();

GPTgame

Sign up for free tokens!

tetris with more pieces, falling slowly

GPTgame