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? The player follows wherever the screen is being touched's game

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

No:49433

←

Prev Next

→

Make a game where if there’s homing COVID-19 germs..ALL
Developer User21041｜Date and time 24/3/5 1:59:36
Build time 12.022 sec｜Game capacity 1.99KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }

#player {
        position: absolute;
        width: 50px;
        height: 50px;
        background-color: blue;
        border-radius: 50%;
    }
</style>
</head>
<body>

var spawnInterval = 1000; // milliseconds
    var maxGerms = 10;
    var germs = [];

function createGerm() {
        var germ = document.createElement('div');
        germ.classList.add('germ');
        germ.style.backgroundColor = 'red';
        germ.style.width = '20px';
        germ.style.height = '20px';
        germ.style.position = 'absolute';
        germ.style.left = Math.random() * window.innerWidth + 'px';
        germ.style.top = Math.random() * window.innerHeight + 'px';
        document.body.appendChild(germ);

germs.push(germ);

if (germs.length > maxGerms) {
            document.body.removeChild(germs.shift());
        }
    }

setInterval(createGerm, spawnInterval);

setInterval(function() {
        germs.forEach(function(germ) {
            var playerRect = player.getBoundingClientRect();
            var germRect = germ.getBoundingClientRect();
            
            if (checkCollision(playerRect, germRect)) {
                alert('Game Over! You got infected by a COVID-19 germ!');
            }
        });
    }, 1000);

function checkCollision(rect1, rect2) {
        return !(rect1.right < rect2.left || 
                rect1.left > rect2.right || 
                rect1.bottom < rect2.top || 
                rect1.top > rect2.bottom);
    }
</script>

</body>
</html>