Swarm of moving rats's game

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

No:4937

3045

←

Prev Next

→

Swarm of moving rats
Developer anonymous｜Date and time 70/1/1 9:47:28
Build time unknown sec｜Game capacity 2.848KB｜

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>ネズミの大群</title>
    <style>
        body {
            margin: 0;
            padding: 0;
            overflow: hidden;
        }

#game {
            position: relative;
            width: 100vw;
            height: 100vh;
        }

.mouse {
            position: absolute;
            font-size: 30px;
        }
    </style>
</head>
<body>
    <div id="game"></div>

// マウスの移動速度を設定
        const speed = 10;

// スマホの画面サイズを取得
        const screenWidth = window.innerWidth;
        const screenHeight = window.innerHeight;

// マウスの画像
        const mouseImage = "🐭";

for (let i = 0; i < numberOfMice; i++) {
            // マウスの初期位置をランダムに設定
            const initialX = Math.random() * screenWidth;
            const initialY = Math.random() * screenHeight;

// マウス要素を生成
            const mouse = document.createElement("div");
            mouse.className = "mouse";
            mouse.innerHTML = mouseImage;
            mouse.style.left = initialX + "px";
            mouse.style.top = initialY + "px";
            document.getElementById("game").appendChild(mouse);

// マウスの移動を設定
            setInterval(() => {
                // 目標位置をランダムに設定
                const targetX = Math.random() * screenWidth;
                const targetY = Math.random() * screenHeight;

// 現在の位置を取得
                const currentX = parseFloat(mouse.style.left);
                const currentY = parseFloat(mouse.style.top);

// 移動ベクトルを計算
                const dx = targetX - currentX;
                const dy = targetY - currentY;
                const distance = Math.sqrt(dx ** 2 + dy ** 2);
                const vx = (dx / distance) * speed;
                const vy = (dy / distance) * speed;

// 新しい位置を計算
                const newX = currentX + vx;
                const newY = currentY + vy;

// 新しい位置を反映
                mouse.style.left = newX + "px";
                mouse.style.top = newY + "px";
            }, 1000 / 60); // 60fpsで移動させる
        }
    </script>
</body>
</html>
```