Partical univers in a 3d canvas's game

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

No:48698

←

Prev Next

→

Partical univers in a 3d canvas
Developer User18896｜Date and time 24/3/2 20:29:52
Build time 5.13 sec｜Game capacity 1.476KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

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

function createParticle() {
       const particle = {
           x: Math.random() * canvas.width,
           y: Math.random() * canvas.height,
           color: `rgb(${Math.random() * 255}, ${Math.random() * 255}, ${Math.random() * 255})`,
           speedX: Math.random() * 2 - 1,
           speedY: Math.random() * 2 - 1
       };
       particles.push(particle);
   }

function updateParticles() {
       particles.forEach((particle, index) => {
           particle.x += particle.speedX;
           particle.y += particle.speedY;

if (particle.x < 0 || particle.x > canvas.width || particle.y < 0 || particle.y > canvas.height) {
               particles.splice(index, 1);
           }
       });
   }

function drawParticles() {
       particles.forEach(particle => {
           ctx.fillStyle = particle.color;
           ctx.fillRect(particle.x, particle.y, particleSize, particleSize);
       });
   }

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

if (Math.random() > 0.97) {
           createParticle();
       }

updateParticles();
       drawParticles();

requestAnimationFrame(gameLoop);
   }

gameLoop();
</script>