본문 바로가기

9-2. 프로세싱 면을 다뤄보자(사각형)

반응형

안녕하세요 Apple 입니다.


오늘은 예고한데로

사각형과련 함수들을 알아보겠습니다.


알단 Processing에서 사각형관련 함수는

quad랑 rect가 있는데요


둘의 차이점은

quad는 사각형을 그릴수있고

rect는 직사각형을 그릴수 있습니다.



일단 사각형을 그리기 위해서는 4개의 점이 필요하죠?

그래서 quad는 8개의 값을 받습니다.


 첫번째 값

첫번째 점의 x좌표 

 두번째 값 

첫번째 점의 y좌표 

 세번째 값  

두번째 점의 x좌표 

 네번째 값  

두번째 점의 y좌표 

 다섯번째 값  

세번째 점의 x좌표  

 여섯번째 값  

세번째 점의 y좌표  

 일곱번째 값  

네번째 점의 x좌표  

 여덟번째 값  

네번째 점의 y좌표  

입니다.

들어가는 값이 쫌 많죠?


4개의 점의 좌표를 하나하나 입력하기때문에

quad의 인자값은 8개가 됩니다.

(3D에서는 더많을수도)



다음은 rect라는 함수 입니다.

rect라는 함수는 quad와는 다르게 직사각형만 그릴수있고

최소 4개의 값을 받습니다.


rect

 번째 값 

 시작점의 x좌표

 두번째 값  

 시작점의 y좌표 

 세번째 값  

 가로 길이 

 네번째 값  

 세로 길이 

quad에 비해서 훨씬 간단하죠?

rect는 직사각형만 그릴수 있지만

대신 모깍기 라는 재미있는 기능도있어요


위의 코드를 실행 시키면

아래와같은 직사각형이 생성된것을 아실텐데요


여기서 rect의 다섯번째 자리에다가 30을 추가해보세요

rect(50, 50, 400, 400, 30); 요런식으로 rect를 바꾸시고

실행하면


요런식으로 모서리가 깎여있는것을 보실수 있습니다.


여기서 각각의 모서리를 가르게 깎고싶으시면

5번째, 6번째, 7번째, 8번째에다가 각각의 모서리의

깎고싶은정도를 입력하시면 됩니다.


예를들면 이런식으로요

rect(50, 50, 400, 400, 30, 10, 50, 3);


quad와 rect도 triangle과 마찬가지로

fill의 영향을 받기 때문에 조심하시길 발합니다.



여기까지해서 quad랑 rect에대해 알아봤습니다.


quad의 장점은 제약없는 사각형을 그릴수있지만 

모깎지가 안되는게 단점이고


rect의 장점은 모깎기가 가능한대신 

직사각형만 그릴수있다는게 단점이네요.



다음 시간에는 다각형을 그리는법을 알아보겠습니다.


지금까지 Apple였습니다.

감사합니다.


반응형