Chaotic game with chaotic screen A large number of particles appear on the screen.'s game

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

No:7799

6486

←

Prev Next

→

Chaotic game with chaotic screen A large number of..ALL
Developer anonymous｜Date and time 70/1/1 9:37:01
Build time unknown sec｜Game capacity 2.221KB｜

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>
    <style>
        body {
            margin: 0;
            overflow: hidden;
        }
        canvas {
            background-color: black;
        }
    </style>
</head>
<body>
    <script>
        // ゲーム画面の設定
        const canvas = document.createElement('canvas');
        const ctx = canvas.getContext('2d');
        canvas.width = window.innerWidth;
        canvas.height = window.innerHeight;
        document.body.appendChild(canvas);

// パーティクルの設定
        const particles = [];
        const particleCount = 10000;

class Particle {
            constructor(x, y) {
                this.x = x;
                this.y = y;
                this.vx = Math.random() * 2 - 1;
                this.vy = Math.random() * 2 - 1;
                this.size = Math.random() * 3;
            }
            update() {
                this.x += this.vx;
                this.y += this.vy;
                if (this.x < 0 || this.x > canvas.width) {
                    this.vx *= -1;
                }
                if (this.y < 0 || this.y > canvas.height) {
                    this.vy *= -1;
                }
            }
            render() {
                ctx.fillStyle = 'white';
                ctx.fillRect(this.x, this.y, this.size, this.size);
            }
        }

function gameLoop() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// 新しいパーティクルを作成し、配列に追加
            if (particles.length < particleCount) {
                const x = Math.random() * canvas.width;
                const y = Math.random() * canvas.height;
                const particle = new Particle(x, y);
                particles.push(particle);
            }

// パーティクルをアップデートして描画
            particles.forEach(particle => {
                particle.update();
                particle.render();
            });

requestAnimationFrame(gameLoop);
        }

// ゲーム開始
        gameLoop();
    </script>
</body>
</html>