0002-JS-P5E-SetupDraw

 

Animation of Line

let y = 0;

// The statements in the setup() function

// execute once when the program begins

function setup() {

  // createCanvas must be the first statement

  createCanvas(720, 400);

  stroke(255); // Set line drawing color to white

  // Specifies the number of frames to be displayed every second. 

  //For example, the function call frameRate(30) will attempt 

  //to refresh 30 times a second. 

  frameRate(30);

}

// The statements in draw() are executed until the

// program is stopped. Each statement is executed in

// sequence and after the last line is read, the first

// line is executed again.

function draw() {

  background(0); // Set the background to black

  y = y - 5; // Speed - Steps

  if (y < 0) {

    y = height;

  }

  line(0, y, width, y);

}