프로세싱(5) - 점, 직선, 직사각형 도형 그리기

화면에 점을 찍어 보자.
점은 x, y를 적어 주면 된다.

void setup() {
  size(400, 400);
  background(0);
}

void draw() {
  stroke(255);
  strokeWeight(3);
  point(100, 200);
  point(300, 200);
}

두개의 점을 찍었다. 이제 두개의 점을 이어 보자.

void setup() {
  size(400, 400);
  background(0);
}

void draw() {
  stroke(255);
  strokeWeight(10);
  point(100, 200);
  point(300, 200);
 
  stroke(255, 0, 0);
  strokeWeight(1);
  line(100, 200, 300, 200);
}

이제 사각형을 그려 보자. 시작하는 x와 y 좌표를 적고 넓이와 높이를 지정해 주면 된다.

void setup() {
  size(400, 400);
  background(0);
}

void draw() {
  stroke(120);
  strokeWeight(10);
  rect(100, 100, 200, 200);
}