上半身が美女、腰から下の下半身が蛇の姿を持つ蛇の女魔王が敵を丸呑みするゲーム's game

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

No:38312

←

Prev Next

→

上半身が美女、腰から下の下半身が蛇の姿を持つ蛇の女魔王が敵を丸呑みするゲーム
Developer User17354｜Date and time 24/1/24 7:26:44
Build time 8.784 sec｜Game capacity 2.42KB｜

Script

👸🐍

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>蛇の女魔王ゲーム</title>
</head>
<body>
    <style>
        body {
            background-color: #000;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100vh;
        }

.game-container {
            width: 400px;
            height: 400px;
            background-color: #fff;
            border-radius: 10px;
            display: flex;
            justify-content: center;
            align-items: center;
            position: relative;
        }

.demon-queen {
            font-size: 100px;
            margin: 0;
            animation: demon-swallow 2s infinite alternate;
        }

@keyframes demon-swallow {
            0% { transform: scale(1); }
            50% { transform: scale(1.2); }
            100% { transform: scale(1); }
        }

.enemy {
            position: absolute;
            font-size: 50px;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            animation: enemy-move 2s infinite linear;
        }

@keyframes enemy-move {
            0% { left: 0; }
            100% { left: 100%; }
        }
    </style>

gameContainer.addEventListener('click', () => {
                score++;
                scoreElement.textContent = `Score: ${score}`;

const enemy = document.createElement('p');
                enemy.classList.add('enemy');
                enemy.textContent = '👤';

gameContainer.appendChild(enemy);

enemy.addEventListener('click', () => {
                    enemy.remove();
                });

enemy.addEventListener('animationend', () => {
                    enemy.remove();
                    alert('ゲームオーバー！\nScore: ' + score);
                    score = 0;
                    scoreElement.textContent = 'Score: 0';
                });
            });
        </script>
    </div>
</body>
</html>