​

function setup() {

  createCanvas(400, 400);

  slider = createSlider(1, 30, 15);

  pointSize = 15

  strokeWeight(pointSize)

}

​

function draw() {

  background(220);

  pointSize = slider.value()

  strokeWeight(pointSize)

  if(particleMode == "point"){

    stroke(0)

    for(let x=pointSize/2;x<width;x+=pointSize){

      for(let y=pointSize/2;y<height;y+=pointSize){

        point(x,y)

      }

    }

  }

  else{

    noStroke()

    for(let x=pointSize/2;x<width;x+=pointSize){

      for(let y=pointSize/2;y<height;y+=pointSize){

        ellipse(x,y,pointSize)

      }

    }

  }

  noStroke()

  fill(255)

  rect(0,0,200,30)

  fill(0)

  text(particleMode + " " + frameRate(), 20, 15);

  text("point total: " + floor((width/pointSize) * (height/pointSize)), 20, 25);

​

}

​

function mouseClicked(){

  if(mouseY<height){

    if(particleMode == "point"){

      particleMode = "ellipse"

    } else{

      particleMode = "point"

    }

  }

}