Tetris in a snow's game | AI game creator

Click here for free DL of the app version that can save data.

No:44802

82

Tetris in a snow
Developer User19470｜Date and time 24/2/19 6:02:45
Build time 10.786 sec｜Game capacity 3.749KB｜

→ 　

0　

0　

　
　
　

[PR]現在の人気グッズランキング

Click here for free DL of the app version that can save data.

(C)2023 HisashiApp

<!DOCTYPE html>
<html>
<head>
    <title>Tetris in the Snow</title>
</head>
<body>
    <canvas id="tetrisCanvas" width="300" height="600" style="border:1px solid #000;"></canvas>
    <script>
        // JavaScript code for Tetris game in the snow
        const canvas = document.getElementById('tetrisCanvas');
        const ctx = canvas.getContext('2d');
        const blockSize = 30;
        const boardWidth = 10;
        const boardHeight = 20;
        const startX = 4;
        const startY = -1;

let board = [];
        for (let i = 0; i < boardHeight; i++) {
            board.push(new Array(boardWidth).fill(0));
        }

let currentPiece = {
            x: startX,
            y: startY,
            shape: [[1, 1, 1], [0, 1, 0]]
        };

function drawSquare(x, y) {
            ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize);
            ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize);
        }

function drawBoard() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            for (let y = 0; y < boardHeight; y++) {
                for (let x = 0; x < boardWidth; x++) {
                    if (board[y][x] !== 0) {
                        ctx.fillStyle = 'gray';
                        drawSquare(x, y);
                    }
                }
            }
        }

function drawPiece() {
            ctx.fillStyle = 'blue';
            currentPiece.shape.forEach((row, y) => {
                row.forEach((val, x) => {
                    if (val) {
                        drawSquare(currentPiece.x + x, currentPiece.y + y);
                    }
                });
            });
        }

function pieceCollision() {
            return currentPiece.shape.some((row, y) => {
                return row.some((val, x) => {
                    return (val && (board[currentPiece.y + y] && board[currentPiece.y + y][currentPiece.x + x]) !== 0);
                });
            });
        }

function movePieceDown() {
            currentPiece.y++;
            if (pieceCollision()) {
                currentPiece.y--;
                placePieceOnBoard();
                currentPiece.y = startY;
                currentPiece.x = startX;
            }
        }

function placePieceOnBoard() {
            currentPiece.shape.forEach((row, y) => {
                row.forEach((val, x) => {
                    if (val) {
                        board[currentPiece.y + y][currentPiece.x + x] = 1;
                    }
                });
            });
            checkForLines();
        }

function checkForLines() {
            for (let y = 0; y < boardHeight; y++) {
                if (board[y].every(val => val !== 0)) {
                    board.splice(y, 1);
                    board.unshift(new Array(boardWidth).fill(0));
                }
            }
        }

function gameLoop() {
            drawBoard();
            drawPiece();
            movePieceDown();
        }

document.addEventListener('keydown', function(event) {
            switch (event.key) {
                case 'ArrowLeft':
                    currentPiece.x--;
                    if (pieceCollision()) {
                        currentPiece.x++;
                    }
                    break;
                case 'ArrowRight':
                    currentPiece.x++;
                    if (pieceCollision()) {
                        currentPiece.x--;
                    }
                    break;
                case 'ArrowDown':
                    movePieceDown();
                    break;
            }
        });

setInterval(gameLoop, 500);
    </script>
</body>
</html>