xxxxxxxxxx
let quantBolas;
let px, py, ninicialx,ninicialy;
function setup() {
//size no processing é igual ao createCanvas
//setup executa as funções iniciais
//executa uma vez vez essa linhas
createCanvas(windowWidth, windowHeight);
background(255);
//noiseSeed(fxrand()*1234567890);//exemplo para fxhash com noise
quantBolas = random(10,100);
px=[];
py=[];
ninicialx = [];
ninicialy = [];
strokeWeight(5);//espessura do contorno 5 px
for (let i=0;i<quantBolas ;i++){
px[i]=random(width);
py[i]=random(height);
ninicialx[i]=random(1234567890);
ninicialy[i]=random(1234567890);
}
colorMode(HSB);
}
function draw() {
//essas linhas de codigo são executadas 60x
//background(0);
noStroke();
fill(0,0,0,2);//0 deifini a cor tons de cinza e 5 opacidade bem trasparente
rect(0,0,width,height);
for (let i=0;i<quantBolas ;i++){
noFill();
drawingContext.shadowBlur = 20;
drawingContext.shadowColor = color(
noise(ninicialx[i]+millis()*0.0008)*(255),
noise(ninicialx[i]+millis()*0.0008)*(255),
noise(ninicialx[i]+millis()*0.0008)*(255));
stroke(
noise(ninicialx[i]+millis()*0.0008)*(255),
noise(ninicialx[i]+millis()*0.0008)*(255),
noise(ninicialx[i]+millis()*0.0008)*(255));
circle(px[i]+noise(ninicialx[i]+millis()*0.0008)*width/4,
py[i]+noise(ninicialy[i]+millis()*0.0008)*height/4, 20);
}
drawingContext.shadowBlur = 50;
drawingContext.shadowColor = color(
noise(millis()*0.008)*255,
noise(millis()*0.0008)*255,
noise(millis()*0.8)*width/2);
stroke(noise(millis()*0.008)*255,
noise(millis()*0.0008)*255,
noise(millis()*0.8)*width/2);
ellipse(noise(10000000000+millis()*0.0008)*width,
noise(millis()*0.0008)*height,
noise(millis()*0.0008)*255,noise(millis()*0.0008)*255);
}