xxxxxxxxxx
42
let speed = 0;//movement parameter
function setup() {
createCanvas(400, 400);
}
function draw() {
background(0);
// Rotating Circles
for (let i = 0; i < width; i += 50) {
let j = 0;
while (j < height) {
let x = i + 25;
let y = j + 25;
// Changing size of circles
let size = 30 + sin(speed + i * 0.05 + j * 0.05) * 20;
fill((speed * 20 + i) % 255, (speed * 30 + j) % 255, 200);//random colouring
ellipse(x + sin(speed + i * 0.1) * 20, y + cos(speed + j * 0.1) * 20, size);
j += 50;
}
}
// Lines
let i = 0;
while (i < width) {
stroke(255, 100, 150);
strokeWeight(2);
// moving lines
line(i, 0, i + sin(speed + i * 0.2) * 50, height);
line(0, i, width, i + cos(speed + i * 0.2) * 50);
i += 20;
}
speed += 0.03; //speed control
}