AI game creator

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

No:6488

586

←

Prev Next

→

Lots of fireflies.
Developer User3891｜Date and time 23/7/2 14:50:38
Build time 16.467 sec｜Game capacity 1.851KB｜

Script

以下は、HTMLファイル内にJavaScriptを含む蛍を飛ばすゲームの実装例です。スマートフォンでプレイ可能です。

このゲームでは、蛍(🪰)をランダムな位置に10匹表示し、1秒ごとにランダムな位置に移動させます。HTMLファイル内の`#container`要素内に蛍を表示し、JavaScriptによって蛍の位置を制御しています。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋Kindle本ランキング

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

以下は、HTMLファイル内にJavaScriptを含む蛍を飛ばすゲームの実装例です。スマートフォンでプレイ可能です。

```html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>蛍ゲーム</title>
    <style>
        #container {
            position: relative;
            height: 100vh;
            background-color: black;
        }
        .firefly {
            position: absolute;
            width: 30px;
            height: 30px;
            font-size: 30px;
            color: yellow;
        }
    </style>
</head>
<body>
    <div id="container"></div>

function getRandomPosition(max) {
            return Math.floor(Math.random() * max);
        }

function moveFireflies() {
            const container = document.getElementById('container');
            container.innerHTML = '';

for (let i = 0; i < 10; i++) {
                const firefly = createFirefly();
                const xPos = getRandomPosition(container.offsetWidth);
                const yPos = getRandomPosition(container.offsetHeight);
                
                firefly.style.left = xPos + 'px';
                firefly.style.top = yPos + 'px';

container.appendChild(firefly);
            }
        }

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