[아두이노 프로세싱] 2. size, background, stroke, point, line, rect, noFill

데이빗 2016-01-29 (금) 13:50 3년전 9146  

이번 포스팅은 Coordinate 관련하여 다음의 함수들에 대해 살펴보겠습니다.

 

size(), background(), stroke(), point(), line(), rect()

 

먼저, 

 

1. size(w,h,renderer)

즉, 너비(w), 높이(h), 렌더러 파라미터로 구성되어 있습니다. 

렌더러는 어떤 렌더링 엔진을 사용할지 결정하는 것으로 P2D, P3D, PDF로 표현되거나 생략할 수 있습니다. 

P2D는 Processing 2D, P3D는 Processing 3D, 그리고 PDF는 2D를 바로 PDF로 드로잉할 수 있습니다. 

만약, 3D Shape을 그린다면, renderer로 P3D를 사용합니다. 

 

2. background()

- background(51);

b4236b63267512261a94b06e9c9c4833_1454042
background(255, 204, 0);
b4236b63267512261a94b06e9c9c4833_1454042

PImage img;
img = loadImage("laDefense.jpg"); 
background(img);
b4236b63267512261a94b06e9c9c4833_1454042

background()는 다음의 파라미터들을 갖을 수 있습니다.

background(rgb)

background(rgb, alpha)

background(gray)

background(gray, alpha)

background(v1, v2, v3)

background(v1, v2, v3, alpha)

background(image)



실습 1. 가로가 640, 세로가 360인 창에 노란색 백그라운드 색을 칠해보겠습니다.

b4236b63267512261a94b06e9c9c4833_1454043

 

b4236b63267512261a94b06e9c9c4833_1454043

 

3. stroke()

stroke()함수는 도형의 테두리 색을 칠하는 함수입니다. 

background()와 마찬가지로 파라미터를 정할 수 있습니다. 


4. point()

point()함수는 이름에서 알 수 있듯이 점을 찍는 함수입니다. 

파라미터는 point(x, y)의 2D 좌표에서의 점, 그리고 point(x,y,z)의 3D 좌표에서의 점을 표현할 수 있습니다.


5. line()

line(x1,y1,x2,y2)는 좌표 (x1,y1)에서 좌표 (x2, y2)로 직선을 긋고, 

line(x1,y1,z1,x2,y2,z2)는 3차원에서의 좌표 (x1,y1,z1)에서 좌표 (x2,y2,z2)로 직선을 긋습니다.


6. rect()

rect(a,b,c,d,tl,tr,br,bl)

rect()함수는 사각형을 만드는 함수이며, a는 x 좌표, b는 y좌표, c는 너비, d는 높이, tl은 왼쪽 상단 모서리 곡률, tr은 오른쪽 상단 모서리 곡률, br은 오른쪽 하단 모서리 곡률, 그리고 bl은 왼쪽 하단 모서리 곡률입니다.

 

위에서 다룬 4개의 함수를 추가해서 코딩해보겠습니다.

 

b4236b63267512261a94b06e9c9c4833_1454043

 

b4236b63267512261a94b06e9c9c4833_1454043

 

위의 결과에서 가운데 있는 직사각형에 흰바탕으로 Fill이 되었습니다. 

직사각형의 내부에 칠을 하지 않고 투명한 테두리만 만들 경우에는 다음의 함수를 사용합니다. 

noFill() 

 

noFill()함수에서는 F가 대문자임을 주의해주세요.

 

noFill()은 그리려는 도형 앞에 사용하면 다음의 도형에 칠하기 기능이 수행되지 않아서 투명한 것처럼 됩니다. 

 

b4236b63267512261a94b06e9c9c4833_1454043


b4236b63267512261a94b06e9c9c4833_1454043

 


 

[이 게시물은 최고관리자님에 의해 2016-01-29 13:56:32 프로세싱에서 복사 됨] http://makeshare.org/bbs/board.php?bo_table=processing&wr_id=1
메카리워즈 Image Map


모바일 버전으로 보기