Haz que muchas partículas rojas formen la palabra Nintendo's game

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

No:51063

102

←

Prev Next

→

Haz que muchas partículas rojas formen la palabra ..ALL
Developer User21444｜Date and time 24/3/10 13:04:45
Build time 3.919 sec｜Game capacity 1.492KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の新着人気ランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="200"></canvas>

const particles = [];
        const word = ['N', 'I', 'N', 'T', 'E', 'N', 'D', 'O'];

function Particle(x, y, color) {
            this.x = x;
            this.y = y;
            this.color = color;
            this.speedX = Math.random() * 4 - 2;
            this.speedY = Math.random() * 4 - 2;

this.update = function() {
                this.x += this.speedX;
                this.y += this.speedY;

ctx.fillStyle = this.color;
                ctx.font = '20px Arial';
                ctx.fillText(this.color, this.x, this.y);
            }
        }

function generateParticles() {
            for(let i = 0; i < word.length; i++) {
                const x = Math.random() * canvas.width;
                const y = Math.random() * canvas.height;
                particles.push(new Particle(x, y, word[i]));
            }
        }

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

particles.forEach(particle => {
                particle.update();
            });

requestAnimationFrame(animate);
        }

// Starting the game
        generateParticles();
        animate();
    </script>
</body>
</html>