降ってくる顔を潰すゲーム画面はデカく's game

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

No:49728

←

Prev Next

→

降ってくる顔を潰すゲーム画面はデカく
Developer User21141｜Date and time 24/3/6 7:43:17
Build time 5.02 sec｜Game capacity 1.826KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームアプリランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Falling Faces Game</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }
        #gameArea {
            width: 100vw;
            height: 100vh;
            background-color: lightblue;
            font-size: 3em;
            text-align: center;
        }
    </style>
</head>
<body>
    <div id="gameArea"></div>

function createNewFace() {
            const face = faces[Math.floor(Math.random() * faces.length)];
            const left = Math.random() * 90;
            const fallingSpeed = Math.random() * 3 + 1;

const newFace = document.createElement('div');
            newFace.innerText = face;
            newFace.style.position = 'absolute';
            newFace.style.left = `${left}vw`;
            newFace.style.top = '0';
            newFace.style.color = 'black';

document.getElementById('gameArea').appendChild(newFace);

const fall = setInterval(() => {
                const top = parseFloat(newFace.style.top);
                const bottom = top + newFace.clientHeight;

if (bottom < window.innerHeight) {
                    newFace.style.top = `${top + fallingSpeed}vh`;
                } else {
                    clearInterval(fall);
                    document.getElementById('gameArea').removeChild(newFace);
                }
            }, 20);

newFace.addEventListener('click', () => {
                clearInterval(fall);
                document.getElementById('gameArea').removeChild(newFace);
            });
        }

setInterval(createNewFace, 1000);
    </script>
</body>
</html>