AI game creator

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

No:6688

←

Prev Next

→

sow bug
Developer User3903｜Date and time 23/7/3 4:36:55
Build time 19.137 sec｜Game capacity 2.136KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>ダンゴムシゲーム</title>
</head>
<body>
    <script>
        // ダンゴムシを生成するクラス
        class Dangomushi {
            constructor() {
                this.position = {
                    x: Math.random(),
                    y: Math.random()
                };
                this.speed = {
                    x: Math.random() * 2 - 1, // -1から1の乱数
                    y: Math.random() * 2 - 1 // -1から1の乱数
                };
                this.element = document.createElement("span");
                this.element.textContent = "🐛";
                this.element.style.position = "fixed";
                this.element.style.fontSize = "48px";
                document.body.appendChild(this.element);
            }

move() {
                this.position.x += this.speed.x;
                this.position.y += this.speed.y;
                
                // ダンゴムシの位置を更新
                const windowWidth = window.innerWidth;
                const windowHeight = window.innerHeight;
                this.position.x = (this.position.x + windowWidth) % windowWidth; // 画面からはみ出ても反対側から出てくるようにする
                this.position.y = (this.position.y + windowHeight) % windowHeight;
                this.element.style.left = this.position.x + "px";
                this.element.style.top = this.position.y + "px";
            }
        }

const numberOfDangomushi = 50; // 50匹のダンゴムシを生成
        const dangomushiList = [];

// ダンゴムシを生成してリストに追加
        for (let i = 0; i < numberOfDangomushi; i++) {
            const dangomushi = new Dangomushi();
            dangomushiList.push(dangomushi);
        }

// ダンゴムシを動かす
        setInterval(() => {
            dangomushiList.forEach((dangomushi) => {
                dangomushi.move();
            });
        }, 1000 / 30); // 30fpsでダンゴムシを移動させる
    </script>
</body>
</html>