generative_circle

generative_circle.markdown

generative_circle

A Pen by Lilik Setiyawan on CodePen.

License.

script.js

function setup() {
  createCanvas(window.innerWidth, window.innerHeight);

  noLoop();
}

function draw() {
  for (let i = 0; i < 30; i++) {
    let top = random(windowHeight);

    let bottom = random(windowWidth);

    let size = random(20, 300);

    let opacity = random(90);

    fill(0, 0, 255, opacity);

    noStroke();

    ellipse(top, bottom, size, size);
  }
}

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>

style.css

html,
body {
  height: 100%;

  width: 100%;
}