Тетрис на русском's game

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

No:45093

109

←

Prev Next

→

Тетрис на русском
Developer User19574｜Date and time 24/2/20 6:56:51
Build time 9.207 sec｜Game capacity 2.66KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Тетрис</title>
    <style>
        #gameBoard {
            border: 1px solid black;
            width: 300px;
            height: 600px;
            margin: 0 auto;
            position: relative;
        }

.block {
            width: 29px;
            height: 29px;
            border: 1px solid #ddd;
            background-color: #f0f0f0;
            position: absolute;
        }

</style>
</head>
<body>
    <div id="gameBoard"></div>

let blocks = [];
        let currentBlock = {};

function createBlock() {
            currentBlock = {
                x: 135,
                y: 0
            };

let block = document.createElement("div");
            block.classList.add("block");
            block.style.backgroundColor = "#ff5733";
            block.style.top = currentBlock.y + "px";
            block.style.left = currentBlock.x + "px";
            board.appendChild(block);

currentBlock.element = block;
        }

function moveBlockDown() {
            currentBlock.y += 30;
            currentBlock.element.style.top = currentBlock.y + "px";
        }

function checkCollision() {
            let collision = blocks.some(block => {
                return block.x === currentBlock.x && block.y === currentBlock.y + 30;
            });

return collision || currentBlock.y + 30 === 600;
        }

function updateScore() {
            score += 10;
            document.title = `Тетрис - Очки: ${score}`;
        }

function gameLoop() {
            if (!currentBlock.element) {
                createBlock();
            } else {
                moveBlockDown();

if (checkCollision()) {
                    blocks.push({ x: currentBlock.x, y: currentBlock.y });
                    updateScore();
                    board.removeChild(currentBlock.element);
                    currentBlock = {};
                }
            }

setTimeout(gameLoop, 1000);
        }

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