Transcript Processing
Processing
PDE
Processing
Develop Environment : 개발 툴
Download
http://processing.org/download/
JDK 설치되어 있어야 함
Windows, Linux, Mac 지원
기본
사용법
첨부된 pdf의 Ch.1, 2 참조
기본
setup
/ draw
실행시 한 번만 호출되는 setup 함수에서 기본
설정 등을 수행
draw 함수는 매번 반복 수행되는 함수로 main
함수처럼 사용 가능
C나
Java의 main 함수와 다르게 반복 호출됨
size
기본 화면 size를 설정해야함
Parameter는 width, height
Variables,
Functions, Objects, Arrays
변수 선언/할당, 함수, 클래스, 배열 등은 기본
Java 문법과 동일
Key
도형 등을 그리는 함수들과 여러 예약어들이
존재하고 있으나 종류가 많지는 않음
기본 문법이 Java와 유사하기 때문에 기술적인
문제점도 많지 않을 것으로 판단됨
가장 중요한 부분
어떻게
표현할 것이냐
어떻게 표현할 것인지를 수식이나 알고리즘으로
도출하는 것이 중요
기본 그리기
점
point 함수
Parameter
: x, y
선
line 함수
Parameter
: x1, y1, x2, y2
두 점을 잇는 선을 그림
삼각형
triangle 함수
Parameter
: x1, y1, x2, y2, x3, y3
세 점을 잇는 삼각형을 그림
사각형
quad 함수
Parameter
: x1, y1, x2, y2, x3, y3, x4, y4
네 점을 잇는 사각형을 그림
직사각형
rect 함수
Parameter
: x, y, width, height
한 점을 기준으로 높이와 너비를 가진 직사각형
원/타원
ellipse 함수
Parameter
: x, y, width, height
한 점을 중심으로 가로 지름(width), 세로
지름(height)를 갖는 원/타원을 그림
호
arc 함수
Parameter
: x, y, width, height, start, stop
ellipse 함수와 비슷하지만 start, stop으로 시작과
종료지점을 표현 (각각 radian 값)
3시 방향이 0이고 시계 반대 방향으로 radian이
증가함
Degree와 radian 변환을 위한 함수 제공
(radians : parameter로 degree, radian을 리턴)
기타
Drawing order : 나중에 그려지는 개체가
상위에 놓임
smooth 함수 : 선을 부드럽게 그림
strokeWeight : 선 굵기 (parameter는 pixel)
strokeCap, strokeJoin : 각각 선의 시작과 끝
모양, 선이 만나는 모양을 결정하는 함수
background, fill 함수에서의 색상 :
Parameter로 R, G, B 색상값 (0 ~ 255)을
입력받음
Custom Shapes
y) : 임의의 점을 그리고 여러개를 호출시
각 점을 잇는 임의의 도형을 그림
beginShape()와 endShape()로 custom
shape를 그리는 시작과 끝을 명시해야함
vertex(x,
Keywords
제공하는
예약어들
mouseX, mouseY : 현재 마우스 포인터 좌표
pmouseX, pmouseY : 이전의 마우스 좌표
mousePressed : 마우스 버튼이 클릭되었는지
여부를 저장
mouseButton : 클릭된 마우스 버튼을 저장
(LEFT / CENTER / RIGHT)
keyPressed : 키가 눌렸는지 여부를 저장
key : 눌린 키 값을 저장 (keyCode로 비교)
기타
연산에 사용되는 편리한 함수
dist 함수 : 이전 좌표와 현재 좌표의 거리차를
자동으로 연산
map 함수 : 변화의 범위와 따라 지정된 최대,
최소값 내에서 값을 매핑
예
: map(mouseX, 0, width, 60, 180)
의미 : 마우스 x 좌표가 0에서 width까지 변화할 때
각 지점을 60 ~ 180 사이의 값으로 매핑
width, height
둘
다 예약어로 화면의 높이와 너비를 저장하고
있음
Motion
움직임을
위해 필요한 함수 / 기능들
기본적으로 매번 반복되는 draw 에서 처리
frameRate : 초당 최대 frame 수를 설정하는
함수
random : parameter로 최소, 최대 값을
입력하면 해당 범위 내에서 임의의 값 리턴(float)
millis : 프로그램 시작과 동시에 흘러가는 ms
단위의 count 값 리턴
Circular
Sine, cosine 값을 연산하기 위한 sin, cos 함수
제공
Parameter는 radian이며 float 타입 리턴
좌표계
변경
translate : 좌표계 자체를 움직이는 함수이며,
parameter로 움직이는 x, y 방향의 수치 입력
rotate : 좌표계 회전. Parameter로 회전시킬
값을 radian으로 입력함
scale : 좌표계를 확대, 축소. 1이 원래 크기임
Extend
Library 제공
Download
http://processing.org/reference/libraries
Download 후 PDE menu에서 import
3D
사용할 renderer 설정 (P3D, OPENGL, …)
대부분의 함수에서 z 좌표값 parameter로 추가
예 : size(440, 220, OPENGL)
의미 : 440x220 사이즈 화면을 가지며 OpenGL 사용
Image
Export
현재 보여지는 화면을 image로 저장
saveFrame 함수를 사용
저장할 파일명을 입력
Parameter에 # (hash mark) 입력시 현재 frame
number로 자동 대체함
Parameter로
JPG, PNG, TIF 기본 지원