03.01+03.03 buntes Bällebad

let hue = 0;

let stepHue;

let stepX;

let stepY;

let radius;

let positionX;

let positionY;

​

function setup() 

{

  createCanvas(windowWidth, windowHeight);

  colorMode(HSB);

  background(0, 0, 100);

  noStroke();

  stepHue = random(1, 20);

  stepX = random(1, 50);

  stepY = random(1, 50);

  radius = random(5, 150);

  positionX = random(radius, windowWidth - radius);

  positionY = random(radius, windowHeight - radius);

}

​

function draw() 

{

​

    fill(hue, 100, 100);

    ellipse(positionX, positionY, radius);

​

    hue += stepHue;

    positionX += stepX;

    positionY += stepY;

​

    if (hue > 360 || hue < 0) 

    {

        stepHue *= -1;

    }

    if (positionX > width - radius / 2 || positionX < radius / 2)

    {

      stepX *= -1;

    }

    if (positionY > height - radius / 2 || positionY < radius / 2)

    {

      stepY *= -1;

    }

​

}