​

function setup() {

  createCanvas(400, 400);

  textSize(25)

  frameRate(100)

}

​

function draw() {

  background(220);

  //text(frameCount,200, 200);

  circle(frameCount, 200,50)

  circle(frameCount * 2, 200,50)

  circle(frameCount%width, 300, 50)

  circle((frameCount*2)%width, 300, 50)

  text("slow", frameCount % width, 350, 50)

  text("Fast", (frameCount *3) % width, 350, 50)

  text("Reverse", width-(frameCount % width), 350, 50)

  circle(circlePosition, 300, 50)

  circlePosition = circlePosition + 5

  if (circlePosition > width) {

    circlePosition = 0;

  }

}

​

function mouseClicked(){

  saveGif("moving stuff", 6)

}