[processing] Chapter1_Pixel,Shape

canvas

run 누르면 나오는 애가 canvas 

 

ellipse 

캔버스에 원을 그려주고 싶을때 사용하는 함수. 

ellipse(x좌표,y좌표,너비,높이)

 

rect와 차이점이 있다면 rect는 사각형을 그려주고, 기준점이 왼쪽 상단/ ellipse는 원을

그려주고 기준점이 중심

size

canvas의 크기 지정 

컴퓨터가 생각하는 좌표평면과 사람이 생각하는 좌표평면이 다르다는 것을 주의해야한다. 사람은 (0,0)이 중간에 있다 생각하지만 컴퓨터는 (0,0)이 왼쪽 끝에 있으며 y축은 올라가는 방향이 아니라 내려가는 방향이다.

 

line

line(x좌표 시작,y좌표 시작, x좌표 끝,y좌표 끝)

 

rect

rect(x좌표 기준점, 가로 길이, y좌표 기준점, 세로 길이)

출처:Processing reference 

 

triangle

triangle(첫번째 점의 x좌표,첫번째 점의 y좌표, 두번째 점의 x좌표,두번째 점의 y좌표,세번째 점의 x좌표,세번째 점의 y좌표)

 

fill , background 

도형에 색깔을 넣고 싶을 때 사용하는 함수이다.

 

fill(r,g,b); 로 지정하면 되고, 

도구->색상선택으로 들어가서 

색상에 관련된 숫자 복사해서 fill함수 안에 인자로 넣어도 된다. 

 

반대로 배경색을 지정해주고 싶으면 background()함수를 이용하면 된다. 

 

stroke

도형의 외곽선 색 지정할 때 사용한다.

반대로 noStroke는 도형의 외곽선 색 지정을 하지 않는다. 

외곽선색을 흰색으로 지정하고 내부는 회색으로 채우는 동그라미가 있다면 

만약에 내부에 색은 비어있는데 외곽선만 검은색인 동그라미를 그려주고 싶다면

stroke+ellipse만 쓰면된다!

 

또는 stroke(0) + noFill() + ellipse()를 써도 좋다.

 

transparecny

투명도 조절을 해준다. 

 

fill(r,g,b,alpha값) 

 

alpha가 투명도 조절을 한다.

 

 

이렇게 투명한 빨간색 타원을 만드려면

노란색 형광펜 부분처럼 알파값을 조절해주면 된다. 

 

print function

print fuction은 print함수와 println 함수가 있는데

 

print는 그냥 출력해주는 함수이고, println은 개행해주는 함수이다. 

 

https://processing.org/reference

Reference