Tetris with the Brazilian version's game

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

No:50621

←

Prev Next

→

Tetris with the Brazilian version
Developer User21379｜Date and time 24/3/9 10:23:35
Build time 18.283 sec｜Game capacity 4.787KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

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

<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="UTF-8">
<title>Tetris Brasileiro</title>
<style>
    #grid {
        display: grid;
        grid-template-columns: repeat(10, 30px);
        grid-template-rows: repeat(20, 30px);
        border: 1px solid black;
        margin: 0 auto;
    }
    .cell {
        width: 30px;
        height: 30px;
        border: 1px solid lightgrey;
    }
</style>
</head>
<body>

const grid = document.getElementById('grid');
    let cells = [];

const ROWS = 20;
    const COLS = 10;
    let interval;
    let currentShape = [];
    let currentShapeIndex = 0;
    const shapes = [
        [[1,1],[1,1]],
        [[1,1,1,1]],
        [[0,1,0],[1,1,1]],
        [[0,1,1],[1,1,0]],
        [[1,1,0],[0,1,1]],
        [[1,1,1],[0,1,0]],
        [[1,1,1],[1,0,0]],
    ];

function createShape() {
        const randomIndex = Math.floor(Math.random() * shapes.length);
        currentShape = shapes[randomIndex];
        currentShapeIndex = 0;
    }

function rotateShape() {
        currentShape = currentShape[0].map((_, colIndex) => currentShape.map(row => row[colIndex]).reverse());
        currentShapeIndex = (currentShapeIndex + 1) % 4;
    }

function clearShape() {
        cells.forEach(cell => cell.classList.remove('active'));
    }

function startGame() {
        cells = [...Array(ROWS * COLS).keys()].map(() => {
            const cell = document.createElement('div');
            cell.classList.add('cell');
            grid.appendChild(cell);
            return cell;
        });
        createShape();
        interval = setInterval(moveDown, 1000);
    }

startGame();

document.addEventListener('keydown', (event) => {
        switch(event.key) {
            case 'ArrowUp':
                rotateShape();
                break;
            case 'ArrowDown':
                moveDown();
                break;
            case 'ArrowLeft':
                moveLeft();
                break;
            case 'ArrowRight':
                moveRight();
                break;
        }
    });

</script>

</body>
</html>