A lively aquarium. Fish-like movement in the aquarium.'s game

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

No:5428

4934

←

Prev Next

→

A lively aquarium. Fish-like movement in the aquar..ALL
Developer User3825｜Date and time 23/6/30 2:32:49
Build time 17.02 sec｜Game capacity 1.849KB｜

Script

プロジェクトを作成することができます。以下は、HTMLとJavaScriptを使用して、魚たちが動き回る簡単な水族館ゲームの例です。

このコードは、ページ上のランダムな位置にランダムな絵文字の魚を生成し、1秒ごとに動かす単純な水族館ゲームです。画面がスマートフォンサイズに合わせて自動的に調整されます。

←

Prev　Next

→ 　

Back　

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

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>
        .fish {
            font-size: 30px;
            position: absolute;
        }
    </style>
</head>
<body>
    <script>
        const aquarium = document.createElement('div');
        aquarium.style.width = '100%';
        aquarium.style.height = '100%';
        aquarium.style.position = 'relative';
        document.body.appendChild(aquarium);

function createFish(symbol) {
            const fish = document.createElement('span');
            fish.innerHTML = symbol;
            fish.classList.add('fish');
            aquarium.appendChild(fish);
            return fish;
        }

function moveFish(fish) {
            const x = Math.random() * 100;
            const y = Math.random() * 100;
            fish.style.left = x + '%';
            fish.style.top = y + '%';
        }

const fishSymbols = ['🐠', '🐟', '🐡', '🦈', '🐬', '🐳'];

const fishList = [];
        for (let i = 0; i < 10; i++) {
            const randomIndex = Math.floor(Math.random() * fishSymbols.length);
            const fishSymbol = fishSymbols[randomIndex];
            const fish = createFish(fishSymbol);
            fishList.push(fish);
        }

setInterval(() => {
            fishList.forEach(moveFish);
        }, 1000);
    </script>
</body>
</html>
```

このコードは、ページ上のランダムな位置にランダムな絵文字の魚を生成し、1秒ごとに動かす単純な水族館ゲームです。画面がスマートフォンサイズに合わせて自動的に調整されます。