xxxxxxxxxx
let rows = 10
let cols =10
let px = 200, py= 100;
function setup() {
createCanvas(400, 400);
}
function draw() {
background(255,140);
var pnx = map(noise(0.000100,0.000200, frameCount*0.05),0,1,200,300);
var pny = map(noise(0.000231,0.000182,frameCount*0.05),0,1,200,300);
for(var i = 0; i< rows; i++){
for(var j =0; j< cols; j++){
noFill();
let x = i*(width/rows)+ 20;
let y= j*(height/cols)+20
stroke(0,0,0,255)
circle(x, y, 20)
let amt = 0;
let finAmt = 0.4;
let step = (finAmt - amt) / 40;
for(var k =0; k<40; k++){
amt += step;
let nx = lerp(x,pnx,amt);
let ny = lerp(y,pny,amt);
stroke(0,0,0,255*map(amt,0,0.4,0.4,0))
circle(nx, ny, 20);
}
}
}
}