AI game creator

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

No:24906

159

←

Prev Next

→

Tetris
Developer User12014｜Date and time 23/11/14 20:38:34
Build time 202.438 sec｜Game capacity 10.183KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Tetris</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        canvas {
            display: block;
            background-color: #000;
        }
    </style>
</head>
<body>
    <canvas id="gameCanvas" width="320" height="480"></canvas>

let gameBoard = createGameBoard();
        let currentPiece;
        let currentColor;
        let currentX; // x position of current piece
        let currentY; // y position of current piece
        let score = 0;

function drawBlock(x, y, color) {
            ctx.fillStyle = color;
            ctx.fillRect(x * blockSize, y * blockSize, blockSize, blockSize);
            ctx.strokeStyle = "#333";
            ctx.strokeRect(x * blockSize, y * blockSize, blockSize, blockSize);
        }

function updateScore() {
            document.getElementById("score").innerText = score;
        }

function drawGameOverScreen() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.fillStyle = "#FFF";
            ctx.font = "40px Arial";
            ctx.textAlign = "center";
            ctx.fillText("Game Over", canvas.width / 2, canvas.height / 2);
            ctx.font = "20px Arial";
            ctx.fillText("Score: " + score, canvas.width / 2, canvas.height / 2 + 40);
        }

function playGame() {
            gameBoard = createGameBoard();
            currentPiece = null;
            currentColor = null;
            currentX = null;
            currentY = null;
            score = 0;
            updateScore();

function generateRandomPiece() {
                const pieces = [
                    [[1, 1, 1, 1]],
                    [[1, 1], [1, 1]],
                    [[1, 1, 1], [0, 1, 0]],
                    [[1, 1, 1], [1, 0, 0]],
                    [[1, 1, 1], [0, 0, 1]],
                    [[1, 1, 0], [0, 1, 1]],
                    [[0, 1, 1], [1, 1, 0]]
                ];
                const colorsCount = colors.length;
                const randomIndex = Math.floor(Math.random() * pieces.length);
                const piece = pieces[randomIndex];
                const color = Math.floor(Math.random() * (colorsCount - 1)) + 1;
                return { piece, color };
            }

if (isValidMove(currentX, currentY + 1, currentPiece)) {
                    clearCurrentPiece();
                    currentY++;
                    mergeCurrentPiece();
                } else {
                    mergeCurrentPiece();
                    removeCompletedRows();
                    updateScore();
                    currentPiece = null;
                }

ctx.clearRect(0, 0, canvas.width, canvas.height);
                drawGameBoard();
                drawCurrentPiece();

setTimeout(updateGame, 500);
            }

document.addEventListener("keydown", handleKeyPress);
            updateGame();
        }

playGame();
    </script>
</body>
</html>