simple animation 1

// variable to keep track of ball's vertical position

var y = 100;

​

function setup() {

  createCanvas(800, 600);

  noStroke();

  fill('red');

}

​

function draw() {

  // blank canvas for each frame

  background('white');

  // draw ball

  ellipse(400, y, 50);

  //update vertical position

  if (y <500) {

    y = y + 1;

  }

  // border

  stroke(0); noFill(); rect(0,0, width-1, height-1);noStroke(); fill('red');

}