AI game creator

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

No:30977

←

Prev Next

→

虫取りゲーム
Developer User14987｜Date and time 23/12/24 18:53:44
Build time 11.853 sec｜Game capacity 1.849KB｜

Script

了解です。以下に虫取りゲームのプログラムを示します。

このプログラムでは、画面内に表示された蝶の絵文字をクリックして捕まえる虫取りゲームです。クリックするとスコアが増え、ランダムな位置に蝶が移動します。また、一定時間ごとに蝶の位置が変わります。上記のコードをHTMLファイルに保存し、ブラウザで開くことで実際に遊ぶことができます。スマートフォンでの操作も対応しています。

←

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>虫取りゲーム</title>
    <style>
        #container {
            position: relative;
            width: 100%;
            height: 400px;
            background-color: #eee;
            border: 1px solid #ccc;
        }

#bug {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 50px;
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div id="container">
        <div id="bug"></div>
    </div>

container.addEventListener("click", catchBug);

function catchBug() {
            score++;
            bug.style.top = Math.random() * 80 + "%";
            bug.style.left = Math.random() * 80 + "%";
            bug.innerHTML = "🐛";
        }

setInterval(function(){
            var top = Math.random() * 80 + "%";
            var left = Math.random() * 80 + "%";
            bug.style.top = top;
            bug.style.left = left;
            bug.innerHTML = "🦋";
        }, 3000);
    </script>
</body>
</html>
```

このプログラムでは、画面内に表示された蝶の絵文字をクリックして捕まえる虫取りゲームです。クリックするとスコアが増え、ランダムな位置に蝶が移動します。また、一定時間ごとに蝶の位置が変わります。

上記のコードをHTMLファイルに保存し、ブラウザで開くことで実際に遊ぶことができます。スマートフォンでの操作も対応しています。