Partical life nanovese...canvas 360 by 360 grid 9 sectors 9 subsectors 9. midle sector is ai partical generator's game

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

No:51835

112

←

Prev Next

→

Partical life nanovese...canvas 360 by 360 grid 9 ..ALL
Developer User18896｜Date and time 24/3/16 13:30:58
Build time 4.193 sec｜Game capacity 1.106KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

canvas.width = 360;
canvas.height = 360;
document.body.appendChild(canvas);

const sectorSize = 40;
const subSectorSize = 10;
const sectors = 9;
const subSectors = 9;
const midSector = Math.floor(Math.random() * sectors);
const midSubSector = Math.floor(Math.random() * subSectors);

const particles = [];

class Particle {
  constructor(x, y) {
    this.x = x;
    this.y = y;
  }

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

// Generate particles in the middle sector
for (let i = 0; i < 10; i++) {
  const x = midSector * sectorSize + midSubSector * subSectorSize + subSectorSize / 2;
  const y = midSector * sectorSize + midSubSector * subSectorSize + subSectorSize / 2;
  const particle = new Particle(x, y);
  particles.push(particle);
}

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

setInterval(update, 1000 / 60);
</script>