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

No:26714

←

Prev Next

→

Tetris
Developer User13230｜Date and time 23/12/2 6:03:18
Build time 162.619 sec｜Game capacity 6.713KB｜

Script

Sure! Here's a simple implementation of Tetris in a single HTML file using JavaScript and pictograms:

Tetris

To play the game, simply open the HTML file in a web browser (on a smartphone or desktop) and use the left, right, up, and down arrow keys to control the tetromino pieces. The goal is to complete rows by filling them with tetromino pieces. Once a row is completed, it will be removed, and the player will earn points. The game ends when a new tetromino piece can no longer fit on the game board.

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's a simple implementation of Tetris in a single HTML file using JavaScript and pictograms:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tetris</title>
    <style>
        body {
            text-align: center;
            margin-top: 100px;
            font-family: Arial, sans-serif;
        }

#game-board {
            display: inline-block;
            border: 2px solid #000;
        }

.cell {
            width: 20px;
            height: 20px;
            border: 1px solid #ddd;
            background-color: #f7f7f7;
        }
    </style>
</head>
<body>
    <h1>Tetris</h1>
    <div id="game-board"></div>
    <script>

// Game variables
        var rows = 20;
        var columns = 10;
        var gameBoard = [];
        var currentPiece;
        var interval;
        var score = 0;

// Pictograms (use any pictograms of your choice)
        var emptyCell = '';
        var filledCell = '▣';

// Initialize game board
        function initializeBoard() {
            for (var row = 0; row < rows; row++) {
                gameBoard[row] = [];
                for (var col = 0; col < columns; col++) {
                    gameBoard[row][col] = emptyCell;
                }
            }
        }

// Render game board
        function renderBoard() {
            var board = document.getElementById('game-board');
            board.innerHTML = '';

for (var row = 0; row < rows; row++) {
                for (var col = 0; col < columns; col++) {
                    var cell = document.createElement('div');
                    cell.className = 'cell';
                    cell.innerHTML = gameBoard[row][col];
                    board.appendChild(cell);
                }
                board.appendChild(document.createElement('br'));
            }
        }

// Initialize current piece
        function initializePiece() {
            currentPiece = {
                x: Math.floor(columns / 2) - 1,
                y: 0,
                shape: [
                    [filledCell, filledCell],
                    [filledCell, filledCell]
                ]
            };
        }

// Move current piece down
        function moveDown() {
            if (canMovePiece(1, 0)) {
                currentPiece.y++;
            } else {
                placePiece();
                checkRows();
                initializePiece();
                if (!canMovePiece(0, 0)) {
                    clearInterval(interval);
                    alert('Game Over! Your score: ' + score);
                }
            }
            renderBoard();
        }

// Move current piece left
        function moveLeft() {
            if (canMovePiece(0, -1)) {
                currentPiece.x--;
                renderBoard();
            }
        }

// Move current piece right
        function moveRight() {
            if (canMovePiece(0, 1)) {
                currentPiece.x++;
                renderBoard();
            }
        }

// Rotate current piece
        function rotatePiece() {
            var rotatedPiece = [];
            for (var col = 0; col < currentPiece.shape[0].length; col++) {
                rotatedPiece[col] = [];
                for (var row = currentPiece.shape.length - 1; row >= 0; row--) {
                    rotatedPiece[col][currentPiece.shape.length - 1 - row] = currentPiece.shape[row][col];
                }
            }

if (canMovePiece(0, 0, rotatedPiece)) {
                currentPiece.shape = rotatedPiece;
                renderBoard();
            }
        }

// Check if the piece can be moved
        function canMovePiece(offsetX, offsetY, piece) {
            var x = currentPiece.x + offsetX;
            var y = currentPiece.y + offsetY;
            piece = piece || currentPiece.shape;

for (var row = 0; row < piece.length; row++) {
                for (var col = 0; col < piece[row].length; col++) {
                    if (piece[row][col] !== emptyCell) {
                        if (y + row >= rows || x + col < 0 || x + col >= columns || gameBoard[y + row][x + col] !== emptyCell) {
                            return false;
                        }
                    }
                }
            }

return true;
        }

// Place current piece on the game board
        function placePiece() {
            for (var row = 0; row < currentPiece.shape.length; row++) {
                for (var col = 0; col < currentPiece.shape[row].length; col++) {
                    if (currentPiece.shape[row][col] !== emptyCell) {
                        gameBoard[currentPiece.y + row][currentPiece.x + col] = filledCell;
                    }
                }
            }
        }

// Check and remove filled rows
        function checkRows() {
            var rowCount = 0;

for (var row = rows - 1; row >= 0; row--) {
                var filled = true;
                for (var col = 0; col < columns; col++) {
                    if (gameBoard[row][col] === emptyCell) {
                        filled = false;
                        break;
                    }
                }

if (filled) {
                    gameBoard.splice(row, 1);
                    rowCount++;
                }
            }

while (rowCount > 0) {
                gameBoard.unshift(new Array(columns).fill(emptyCell));
                rowCount--;
                score += 100;
            }
        }

// Event listeners for user input
        document.addEventListener('keydown', function (e) {
            if (e.keyCode === 37) { // Left arrow key
                moveLeft();
            } else if (e.keyCode === 39) { // Right arrow key
                moveRight();
            } else if (e.keyCode === 38) { // Up arrow key
                rotatePiece();
            } else if (e.keyCode === 40) { // Down arrow key
                moveDown();
            }
        });

// Initialize game
        function startGame() {
            initializeBoard();
            initializePiece();
            renderBoard();
            interval = setInterval(moveDown, 500);
        }

startGame();
    </script>
</body>
</html>
```