Make a game where if there’s homing COVID-19 germs coming at after you and you have to run away from the COVID-19 germs How do you move is there’s arrow buttons and make it beatable's game

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

No:49429

←

Prev Next

→

Make a game where if there’s homing COVID-19 germs..ALL
Developer User21041｜Date and time 24/3/5 1:56:38
Build time 15.239 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 lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>COVID-19 Escape Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #f0f0f0;
        }
        
        #player {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }

#germ {
            position: absolute;
            top: 50%;
            left: 50%;
        }
    </style>
</head>
<body>
    <div id="player">🏃</div>
    <div id="germ">🦠</div>
    
    <script>
        const player = document.getElementById('player');
        const germ = document.getElementById('germ');
        let playerX = window.innerWidth / 2;
        let playerY = window.innerHeight / 2;
        let germX = Math.random() * window.innerWidth;
        let germY = Math.random() * window.innerHeight;
        
        updatePlayerPosition();
        
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowUp') {
                playerY -= 10;
            } else if (event.key === 'ArrowDown') {
                playerY += 10;
            } else if (event.key === 'ArrowLeft') {
                playerX -= 10;
            } else if (event.key === 'ArrowRight') {
                playerX += 10;
            }
            updatePlayerPosition();
        });
        
        function updatePlayerPosition() {
            player.style.left = playerX + 'px';
            player.style.top = playerY + 'px';
            
            checkCollision();
        }
        
        function checkCollision() {
            const playerRect = player.getBoundingClientRect();
            const germRect = germ.getBoundingClientRect();
            
            if (playerRect.left < germRect.right &&
                playerRect.right > germRect.left &&
                playerRect.top < germRect.bottom &&
                playerRect.bottom > germRect.top) {
                alert('You got infected by COVID-19! Game Over.');
                window.location.reload(); // Restart the game
            }
        }
        
        setInterval(function() {
            const playerRect = player.getBoundingClientRect();
            
            germX += (playerX - germX) * 0.01;
            germY += (playerY - germY) * 0.01;
            
            germ.style.left = germX + 'px';
            germ.style.top = germY + 'px';
            
            checkCollision();
        }, 10);
    </script>
</body>
</html>