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

No:17644

crie um jogo de terror do sonic
Developer User7751｜Date and time 23/9/24 5:10:21
Build time 24.45 sec｜Game capacity 3.385KB｜

Script

Jogo de Terror do Sonic

Fim de jogo

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Jogo de Terror do Sonic</title>
    <style>
        body {
            background-color: #333;
            color: #fff;
            font-family: Arial, sans-serif;
            text-align: center;
        }

h1 {
            margin-top: 50px;
        }

#game-container {
            margin-top: 100px;
            display: flex;
            justify-content: center;
        }

#sonic {
            width: 100px;
            height: 100px;
            background-image: url('sonic.png');
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            animation-name: moveSonic;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-direction: alternate;
        }

#enemy {
            width: 80px;
            height: 80px;
            background-image: url('enemy.png');
            background-repeat: no-repeat;
            background-size: cover;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

#game-over {
            display: none;
            font-size: 24px;
            margin-top: 20px;
        }

@keyframes moveSonic {
            0% {
                transform: translateY(-80px);
            }
            100% {
                transform: translateY(80px);
            }
        }
    </style>
</head>
<body>
    <h1>Jogo de Terror do Sonic</h1>
    <div id="game-container">
        <div id="sonic"></div>
        <div id="enemy"></div>
    </div>
    <div id="game-over">Fim de jogo</div>

let isGameOver = false;

function getRandomPosition() {
            const screenWidth = window.innerWidth - 100;
            const screenHeight = window.innerHeight - 100;
            const randomX = Math.floor(Math.random() * screenWidth);
            const randomY = Math.floor(Math.random() * screenHeight);
            return { x: randomX, y: randomY };
        }

function checkCollision() {
            const sonicRect = sonic.getBoundingClientRect();
            const enemyRect = enemy.getBoundingClientRect();

return !(
                sonicRect.top > enemyRect.bottom ||
                sonicRect.right < enemyRect.left ||
                sonicRect.bottom < enemyRect.top ||
                sonicRect.left > enemyRect.right
            );
        }

function endGame() {
            isGameOver = true;
            gameOver.style.display = 'block';
            enemy.style.display = 'none';
        }

function moveEnemy() {
            if (!isGameOver) {
                const position = getRandomPosition();
                enemy.style.left = position.x + 'px';
                enemy.style.top = position.y + 'px';

if (checkCollision()) {
                    endGame();
                } else {
                    setTimeout(moveEnemy, 1000);
                }
            }
        }

sonic.addEventListener('click', () => {
            endGame();
        });

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