​

function setup() {

  createCanvas(windowWidth, windowHeight - 150);

  // declaramos x e y en el centro

  x = width / 2;

  y = height;

}

​

function draw() {

  background(200);

  // Pintamos un circulos

  stroke(50);

  fill(100);

​

  ellipse(x, y, 24, 24);

​

  y = y - 1;

​

  // Lo reseteamos si llega a cero

  if (y < 0) {

    y = height;

  }

}

​

function keyPressed() {

  if (key == 's' || key == 'S') saveCanvas(gd.timestamp(), 'png');

}

​

// Movemos en eje horizontal de forma loca (aleatoria)

// x = x + random(-50, 50);

//x = x + mouseX * 0.0002;

// movemos para arriba de forma constante

​

//line(x, y, x, 100);

​