Idle partical univers .canvas 320 by 320's game

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

No:47390

←

Prev Next

→

Idle partical univers .canvas 320 by 320
Developer User18896｜Date and time 24/2/28 2:36:56
Build time 8.321 sec｜Game capacity 1.452KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

const ctx = canvas.getContext('2d');
    let particles = [];

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

if(this.x > canvas.width){
                this.x = 0;
            }
            if(this.y > canvas.height){
                this.y = 0;
            }
        }

this.draw = function(){
            ctx.beginPath();
            ctx.arc(this.x, this.y, 5, 0, Math.PI * 2);
            ctx.fillStyle = 'blue';
            ctx.fill();
        }
    }

function init(){
        for(let i = 0; i < 100; i++){
            let x = Math.random() * canvas.width;
            let y = Math.random() * canvas.height;
            let speedX = Math.random() * 2;
            let speedY = Math.random() * 2;

particles.push(new Particle(x, y, speedX, speedY));
        }
    }

function animate(){
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        particles.forEach(particle => {
            particle.update();
            particle.draw();
        });

requestAnimationFrame(animate);
    }

init();
    animate();
</script>