var angle = 0.0;

var Xoffset = 70;

var Yoffset = 70;

var scalar = 34;

var speed = 0.005;

​

function setup() {

  canvas = createCanvas(250, 250);

  canvas.position(300, 0);

​

  txt = createDiv('Move Mouse');

  txt.position(50, 0);

}

​

function draw() {

  background(22, 180, 200);

    // txt.style('font-size', mouseX + 'px');

    // txt.style('color', '#16D46C');

  txt.style("font-family:monospace; background-color:#16D46C; color:#FFFFFF; font-size:mouseX + 'px'; padding:mouseX*10px;");

  ellipse(width/2, height/2, 50, 50);

  circle();

}

​

function circle() {

  noStroke();

  fill(255);

  for(Yoffset=70; Yoffset<=height; Yoffset+=120){

    for (Xoffset = 65; Xoffset <=width; Xoffset +=120){

      var x = Xoffset + cos(angle) * scalar;

      var y = Yoffset + sin(angle) * scalar;

      ellipse( x, y, 50, 50);

      angle += speed;

    } 

  }

}

​