xxxxxxxxxx
var NUMBEROFCIRCLES = 100;
var x = [];
var y = [];
var v = [];
var a = [];
var c = []; // COLOR
var d = 20;
var carray = ["MediumVioletRed", "DeepPink", "PaleVioletRed", "HotPink", "LightPink", "Pink"];
function setup() {
createCanvas(windowWidth, windowHeight);
background(100);
for(let i = 0;i<NUMBEROFCIRCLES;i++)
{
x[i] = random(width);
y[i] = random(height);
v[i] = random(1, 5);
a[i] = random(-PI, PI);
c[i] = random(carray);
}
}
function draw() {
background(255);
fill(0);
for(let i = 0;i<NUMBEROFCIRCLES;i++)
{
fill(c[i]);
ellipse(x[i], y[i], d, d);
x[i] = x[i] + v[i]*cos(a[i]);
y[i] = y[i] + v[i]*sin(a[i]);
// boundary checking
if(x[i]>width) a[i] = PI - a[i];
if(x[i]<0) a[i] = PI - a[i];
if(y[i]>height) a[i] = TWO_PI - a[i];
if(y[i]<0) a[i] = TWO_PI - a[i];
}
}