Crush 🦟 with 🎾.'s game

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

No:6194

4182

←

Prev Next

→

Crush 🦟 with 🎾.
Developer もちきなこ｜Date and time 23/7/1 20:45:49
Build time 23.405 sec｜Game capacity 2.381KB｜

Script

了解しました。以下に、指定された要件に基づいたゲームを作成します。このゲームでは、マウスやタッチ操作を使用して、🦟（蚊）を🎾（テニスボール）で潰すことが目標です。

🦟

このゲームでは、蚊の絵文字（🦟）が画面上をランダムに動き回ります。プレイヤーは蚊の絵文字をクリック（またはタップ）して🎾の絵文字で潰すことができます。蚊を潰すと、一時的にテニスボールの絵文字（🎾）に変わります。ゲームは自動的に蚊が移動し続け、プレイヤーは蚊を潰すことを繰り返すことができます。

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Mosquito Smash Game</title>
    <style>
        #game-container {
            position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
        }
        #mosquito {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 50px;
            cursor: crosshair;
        }
    </style>
</head>
<body>
    <div id="game-container">
        <span id="mosquito" onclick="smashMosquito()">🦟</span>
    </div>
    <script>
        function getRandomPosition(maxX, maxY) {
            const x = Math.floor(Math.random() * maxX);
            const y = Math.floor(Math.random() * maxY);
            return { x, y };
        }

function moveMosquito() {
            const gameContainer = document.getElementById("game-container");
            const mosquito = document.getElementById("mosquito");

const maxX = gameContainer.offsetWidth - mosquito.offsetWidth;
            const maxY = gameContainer.offsetHeight - mosquito.offsetHeight;

const position = getRandomPosition(maxX, maxY);
            mosquito.style.left = position.x + "px";
            mosquito.style.top = position.y + "px";

setTimeout(moveMosquito, 1000);
        }

function smashMosquito() {
            const mosquito = document.getElementById("mosquito");
            mosquito.innerHTML = "🎾";

setTimeout(() => {
                mosquito.innerHTML = "🦟";
            }, 500);
        }

moveMosquito();
    </script>
</body>
</html>
```

このゲームでは、蚊の絵文字（🦟）が画面上をランダムに動き回ります。プレイヤーは蚊の絵文字をクリック（またはタップ）して🎾の絵文字で潰すことができます。蚊を潰すと、一時的にテニスボールの絵文字（🎾）に変わります。

ゲームは自動的に蚊が移動し続け、プレイヤーは蚊を潰すことを繰り返すことができます。