Variables

변수(Variables) 는 값을 저장하는데 사용한다. 이 예제에서는 변수의 값을 변환하여 구성에 영향을 준다.

아래 코드를 컴퓨터에 설치된 p5.js editor에 붙여넣고 실행해보거나 http://p5js.org/examples/data-variables.html를 클릭하여 웹에서 실행되는 결과를 확인하세요.

function setup() {

  createCanvas(720, 400);
  background(0);
  stroke(153);
  strokeWeight(4);
  strokeCap(SQUARE);

  var a = 50;
  var b = 120;
  var c = 180;

  line(a, b, a+c, b);
  line(a, b+10, a+c, b+10);
  line(a, b+20, a+c, b+20);
  line(a, b+30, a+c, b+30);

  a = a + c;
  b = height-b;

  line(a, b, a+c, b);
  line(a, b+10, a+c, b+10);
  line(a, b+20, a+c, b+20);
  line(a, b+30, a+c, b+30);

  a = a + c;
  b = height-b;

  line(a, b, a+c, b);
  line(a, b+10, a+c, b+10);
  line(a, b+20, a+c, b+20);
  line(a, b+30, a+c, b+30);
}