프로세싱 기초 도형 그리기

프로세싱에 익숙해지기 위해서 점, 선, 사각형, 삼각형, 사각형, 모래시계, 원 등 다양한 도형을 한 번 그려보자. 이미지로 불러와서 사용하면 될 것을 왜 이미지를 그리느냐? 상당히 많은 아이템들이 있다면 이미지로 가져오는 것보다 도형으로 그리는 것이 오히려 리소스를 적게 먹는다. 즉, 이미지로 대체 할 수 있는 것은 도형으로 그리는 것이 훨씬 이득이다. 그러므로 한 번 이미지를 여러가지로 그려보며 익숙해질 필요성이 있다.

결과 샘플

샘플

소스코드

void setup() {   background(0);    size(480, 480);    stroke(255);   strokeWeight(5); }   void draw() {   point(10, 10); // 점   line(10, 20, 100, 20); // 선   rect(10, 30, 30, 30); // 사각형   triangle(10, 80, 10, 150, 100, 150); // 삼각형   quad(10, 160,  10, 200,  160, 200,  160, 160); // 사각형   quad(10, 210,  160, 250,  10, 250,  160, 210); // 모래시계   ellipse(60, 310, 100, 100); // 원 }

4 점을 연결하는 quad 함수 같은 경우 좌표 설정에 따라서 모래시계, 마름모 등 다양한 모양을 만들 수 있다. 또 라인 여러개를 연결해서도 도형을 그릴 수도 있다. 이외에도 다양하게 그릴 수 있으니 한 번 연습해보길 바란다.

소스코드에는 정답이 없다. 다양한 생각이 있듯 다양한 방법이 있으며, 그 중 하나일 뿐이다.