IoT의 이해
전병현 교수
9주차 2강. 프로세싱 스케치
학습내용
학습목표
1. 선 그리기를 실행할 수 있다.
2. 도형 그리기를 실행할 수 있다.
3. 도형 채우기를 실행할 수 있다.
1. 선 그리기 2. 도형 그리기 3. 도형 채우기
1. 선 그리기(1)
◉ 실행 창 크기 설정
①
② 실행 화면
void setup(){
size(100, 100);
}
void draw(){
}
100 100
1. 선 그리기(2)
◉ 좌표 설정
•
fullScreen() : 전체 화면 모드로 실행
•
size(100, 100) : 화면 크기가 너비 100, 높이 100인 화면 실행
데카르트 좌표계
선을 생성하는 line()함수 line(0, 0, 100, 100)
x값 증가 y값
증가
2. 도형 그리기(1)
◉ 도형 그리기 함수(1) : 점, 선, 삼각형
•
점
point(x, y)
•
선
line(x, y, x1, y1)
•
삼각형
triangle(x, y, x1,y1, x2, y2)
2. 도형 그리기(2)
◉ 도형 그리기 함수(2) : 사각형
•
rect(a,b,c,d)
a : x좌표 b : y좌표 c : 너비 d : 높이
•
rect(a,b,c,d,r)
r : 네 코너의 반지름
•
rect(a,b,c,d,tr,tl,br,bl)
tl : 왼쪽 위 코너의 반지름 tr : 오른쪽 위 코너의 반지름 br : 오른쪽 아래 코너의 반지름 bl : 왼쪽 아래 코너의 반지름
2. 도형 그리기(3)
◉ 호 그리기 함수
•
arc(a, b, c, d, start, stop, mode)
a : 호의 x좌표 b : 호의 y좌표 c : 호의 너비 d : 호의 높이
start : 호를 시작하는 각도, 라디안 단위로 지정 stop : 호를 멈추게 하는 각도, 라디안 단위로 지정 mode : OPEN, CHORD, PIE
0/2PI PI
2. 도형 그리기(4)
◉ 타원 그리기 함수
•
ellipse(a, b, c, d)
a : 타원 x좌표 b : 타원 y좌표 c : 너비 d : 높이
•
ellipseMode()
RADIUS : ① CENTER : ② CORNER : ③ CORNERS : ④
①
③
④
②
3. 도형 채우기(1)
◉ 다각형 그리기, 배경색 함수
•
4면체 다각형
quad(x1, y1, x2, y2, x3, y3, x4, y4)
x1, y1 : ① x2, y2 : ② x3, y3 : ③ x4, y4 : ④
•
배경색 background()
background(51) : 0~255 0 : black 255: white background( R, G, B) R : 0~255
G : 0~255 B : 0~255
① ②
④ ③
3. 도형 채우기(2)
◉ 도형 채우기 함수
•
도형 채우기 fill() fill(120) : 0~255 fill(R,G,B);
R : 0~255 G : 0~255 B : 0~255
•
도형 채우기 비활성화 noFill() noFill ();
rect (30, 20, 55, 55);
①
① ②
②
3. 도형 채우기(3)
◉ 도형 테두리 함수
•
도형의 테두리 설정 stroke(153) : 0~255 stroke(R,G,B)
noStroke(); 비활성화
R : 0~255 G: 0~255 B : 0~255
•
도형의 테두리 굵기 설정
strokeWeight ();
정리하기(1)
1. 선 그리기
- fullScreen() : 전체 화면 모드로 실행
- size(100, 100) : 화면 크기가 너비 100, 높이 100인 화면 실행
2. 도형 그리기
- point(x, y) : 점을 표현할 때 사용
- line(x, y, x1, y1) : 선을 그릴 때 사용하며, 시작점과 끝점을 설정 - triangle(x, y, x1, y1, x2, y2) : 삼각형을 그릴 때 사용
- rect(a, b, c, d) : 사각형 도형을 그릴 때 사용 - arc 호를 그릴 때 사용
- ellipse : 타원을 그릴 때 사용
정리하기(2)
3. 도형 채우기
- quad : 4면체 다각형 도형 채우기 - background : 배경색 설정 함수 - fill : 도형 채우기 함수
- noFill : 도형 채우기 비활성화 함수
다음시간에는…
에 대해 학습해 보겠습니다.
참고문헌
9주차. 아두이노 프로세싱의 이해
3강. 도형 그리기 실습
• 프로세싱. https://processing.org
