AI game creator

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

No:51422

117

←

Prev Next

→

Tetris
Developer User21066｜Date and time 24/3/12 2:19:24
Build time 16.049 sec｜Game capacity 4.209KB｜

Script

Score: 0

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Tetris Game</title>
    <style>
        #game-board {
            width: 300px;
            height: 600px;
            border: 1px solid black;
            margin: 0 auto;
            overflow: hidden;
        }
        #score {
            text-align: center;
            font-size: 24px;
        }
    </style>
</head>
<body>
    <div id="game-board"></div>
    <div id="score">Score: 0</div>

const shapes = [
            [[1, 1, 1],
             [0, 1, 0]],

[[1, 1],
             [1, 1]],

[[1, 1, 0],
             [0, 1, 1]],

[[0, 1, 1],
             [1, 1, 0]],

[[1, 1, 1, 1]],

[[1, 1],
             [1, 0],
             [1, 0]]
        ];

const colors = ['red', 'blue', 'green', 'yellow', 'purple', 'orange', 'pink'];

let currentShape;
        let currentColor;

function generateShape() {
            const shapeIndex = Math.floor(Math.random() * shapes.length);
            currentShape = shapes[shapeIndex];
            currentColor = colors[shapeIndex];
            placeShapeInBoard();
        }

function clearBoard() {
            board.forEach(row => row.fill(0));
        }

function drawBoard() {
            const gameBoard = document.getElementById('game-board');
            gameBoard.innerHTML = '';

board.forEach(row => {
                const rowDiv = document.createElement('div');
                rowDiv.className = 'row';
                for (let cell of row) {
                    const cellDiv = document.createElement('div');
                    cellDiv.className = 'cell';
                    cellDiv.style.backgroundColor = cell;
                    rowDiv.appendChild(cellDiv);
                }
                gameBoard.appendChild(rowDiv);
            });
        }

function updateScore(newScore) {
            score = newScore;
            document.getElementById('score').innerText = `Score: ${score}`;
        }

let lastUpdate = 0;
        let gameSpeed = 1000;

function gameLoop(timestamp) {
            if (timestamp - lastUpdate >= gameSpeed) {
                clearBoard();
                generateShape();
                drawBoard();
                checkRows();
                lastUpdate = timestamp;
            }

requestAnimationFrame(gameLoop);
        }

document.addEventListener('keydown', (event) => {
            if (event.key === 'ArrowLeft') {
                // Move shape left
            } else if (event.key === 'ArrowRight') {
                // Move shape right
            } else if (event.key === 'ArrowDown') {
                // Move shape down faster
            } else if (event.key === 'ArrowUp') {
                // Rotate shape
            }
        });

requestAnimationFrame(gameLoop);
    </script>
</body>
</html>