Игра в которой игрок бродит по заброшенному зданию's game

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

No:33881

←

Prev Next

→

Игра в которой игрок бродит по заброшенному зданию
Developer User15937｜Date and time 24/1/6 22:49:13
Build time 36.001 sec｜Game capacity 3.649KB｜

Script

🕺

🡡

🡠

🡢

🡣

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいものランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Игра в заброшенном здании</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        #game-container {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #000;
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: Arial, sans-serif;
            color: #fff;
            flex-direction: column;
        }
        #player {
            font-size: 80px;
            margin-bottom: 20px;
        }
        #controls {
            font-size: 25px;
            display: flex;
        }
        .control {
            margin: 0 10px;
        }
        .arrow {
            cursor: pointer;
        }
        #message {
            font-size: 40px;
            display: none;
            margin-top: 20px;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <div id="player">🕺</div>
        <div id="controls">
            <div class="control" id="up">
                <span class="arrow">🡡</span>
            </div>
            <div class="control" id="left">
                <span class="arrow">🡠</span>
            </div>
            <div class="control" id="right">
                <span class="arrow">🡢</span>
            </div>
            <div class="control" id="down">
                <span class="arrow">🡣</span>
            </div>
        </div>
        <div id="message"></div>
    </div>

let currentX = 0;
            let currentY = 0;

upButton.addEventListener("click", moveUp);
            leftButton.addEventListener("click", moveLeft);
            rightButton.addEventListener("click", moveRight);
            downButton.addEventListener("click", moveDown);

function moveUp() {
                currentY -= 10;
                playerElement.style.transform = `translate(${currentX}px, ${currentY}px)`;
                checkCollision();
            }

function moveLeft() {
                currentX -= 10;
                playerElement.style.transform = `translate(${currentX}px, ${currentY}px)`;
                checkCollision();
            }

function moveRight() {
                currentX += 10;
                playerElement.style.transform = `translate(${currentX}px, ${currentY}px)`;
                checkCollision();
            }

function moveDown() {
                currentY += 10;
                playerElement.style.transform = `translate(${currentX}px, ${currentY}px)`;
                checkCollision();
            }

function checkCollision() {
                // Add your collision detection logic here
                // Example: if player collides with an obstacle, display a message
                if (currentX === 100 && currentY === 200) {
                    messageElement.textContent = "Вы столкнулись с препятствием!";
                    messageElement.style.display = "block";
                }
            }
        });
    </script>
</body>
</html>