AI game creator

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

No:41759

←

Prev Next

→

Tetris
Developer Bowgray｜Date and time 24/2/9 19:29:51
Build time 20.459 sec｜Game capacity 7.958KB｜

Script

Sure! Here's an example of a simple Tetris game implemented as a single HTML file using JavaScript. It is optimized for smartphone operation and uses pictograms for the blocks.

To play the game, you can copy the above code and save it as an `html` file. Open the file in your smartphone's web browser, and you should be able to play the Tetris game using touch controls or the smartphone's keyboard. Enjoy!

←

Prev　Next

→ 　

Back　

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

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

Sure! Here's an example of a simple Tetris game implemented as a single HTML file using JavaScript. It is optimized for smartphone operation and uses pictograms for the blocks.

```html
<!DOCTYPE html>
<html>
<head>
    <title>Tetris</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        body {
            background-color: #222;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
            overflow: hidden;
            user-select: none;
        }
        
        canvas {
            border: 1px solid #ccc;
            background-color: #111;
        }
    </style>
</head>
<body>
    <canvas id="tetris-canvas" width="240" height="400"></canvas>

// Pictograms representing tetromino shapes
            const blocks = [
                [], // Empty block
                ['🔲'], // Square block
                ['🔳', '🔳', '🔳', '🔳'], // Line block
                ['🔴', '🔳', '🔳', '🔳'], // L block
                ['🟡', '🔳', '🔳', '🔳'], // J block
                ['🔵', '🔵', '🔳', '🔳'], // S block
                ['🟢', '🟢', '🔳', '🔳'], // Z block
                ['🟠', '🔥', '🟠', '🔳']  // T block
            ];

let board = createEmptyBoard();
            let currentBlock = getRandomBlock();
            let currentX = Math.floor(COLS / 2) - 1;
            let currentY = 0;
            let gameOver = false;

function createEmptyBoard() {
                const board = [];
                for (let row = 0; row < ROWS; row++) {
                    board.push(Array(COLS).fill(0));
                }
                return board; 
            }

function getRandomBlock() {
                const randomIndex = Math.floor(Math.random() * blocks.length);
                return blocks[randomIndex];
            }

function drawSquare(x, y, color) {
                context.fillStyle = color;
                context.fillRect(x * BLOCK_SIZE, y * BLOCK_SIZE, BLOCK_SIZE, BLOCK_SIZE);
                context.strokeStyle = '#444';
                context.strokeRect(x * BLOCK_SIZE, y * BLOCK_SIZE, BLOCK_SIZE, BLOCK_SIZE);
            }

function moveBlockLeft() {
                if (!isCollision(currentBlock, currentX - 1, currentY)) {
                    currentX--;
                }
            }

function moveBlockRight() {
                if (!isCollision(currentBlock, currentX + 1, currentY)) {
                    currentX++;
                }
            }

function rotateBlock() {
                const rotatedBlock = currentBlock[0].map((_, index) =>
                    currentBlock.map(row => row[index]).reverse()
                );
                
                if (!isCollision(rotatedBlock, currentX, currentY)) {
                    currentBlock = rotatedBlock;
                }
            }

function removeCompletedRows() {
                let rowCount = 0;

outer: for (let row = ROWS - 1; row >= 0; row--) {
                    for (let col = 0; col < COLS; col++) {
                        if (board[row][col] === 0) {
                            continue outer;
                        }
                    }

board.splice(row, 1);
                    board.unshift(Array(COLS).fill(0));
                    rowCount++;
                }

if (rowCount > 0) {
                    // Increase score or apply any other logic
                }
            }

function draw() {
                context.clearRect(0, 0, canvas.width, canvas.height);
                
                drawBlock(currentX, currentY, currentBlock);
                drawBoard();

if (!gameOver) {
                    requestAnimationFrame(draw);
                } else {
                    // Game over logic
                }
            }

draw();
        });
    </script>
</body>
</html>
```