7. Processing(프로세싱)을 설치 해보자!

안영하세요 Apple 입니다.

오늘은 Processing 설치하고

기본 함수를 설명 해드리겠습니다.

일단 Processing은 저의 입장에서 말하자면

"사용자가 코딩 한것을 시각적으로 표현해주는것"

라고 생각합니다.

Procceing을 시작할려면 프로그램이 필요하니깐

http://www.processing.org

위의 사이트로 가시면

위와같은 화면이 나올겁니다

여기서 중간 부분에있는

Download Processing을 클릭

그럼 아두이노 설치할때랑 비슷하게 위의 화면이 나옵니다

여기서 저는 No Donation을 선택했습니다.

그리고 Download 클릭!

여기서 자신의 컴퓨터에 맞는 버젼을 선택하시면 됩니다.

대부분 사람들이 Windows를 사용하시니깐

자신의 컴퓨터가 설치 해야할 버젼을 모르시면

Windows 36bit를 선택 해주세요.

다운로드후 Processing을 실행 시키면

요런 화면이 나오는데요

어디서 본것같나요?

바로 아두이노 스캐치 프로그램이랑 비슷한데요

그이유는 아두이노가 Processing을 기반으로 하고있기때문이에요.

아두이노 스캐치를 실행시키면 처음 화면에 나와있어요!

아두이노는 그만 말하고 다시Processing으로 돌아가서

위의 화면을 보면 여러가지 항목들이있는데

그건 필요할때마다 설명할겁니다.

일단 저상태에서 외쪽 위에있는

삼각형(▶ 실행버튼) 을 누르면

이런 작은 창이나오는게 정상입니다.

우리는 여기에다가 그림을 그릴것 입니다.

하지만 창이 너무 작죠?

그래서

위와같이 size(500, 500);을 추가하고 실행 해봅시다.

그럼 아까보다 크기가 커젔죠?

눈치 채신분들을 size라는 함수가 창의 크기를 설정해주는

함수라는것을 알수있을겁니다.

size의 각각의 자리에 들어갈 값을 말하자면

size 첫번째 값	실행창의 폭(width) 또는 가로 길이
size 두번째 값	실행창의 높이(height) 또는 세로 길이

입니다.

그래서 size(500, 500);라는건

"가로500 세로 500 크기로 창을 설정 하겠다"

라는 말입니다.(단위 : 픽셀)

여기서 가끔

"창의 크기를 화면이랑 같은 크기로 맞추고싶어"

라고 생각이 들때가 있습니다.

이럴때는 자신의 모니터 가로, 세로 크기를 입력해도 좋지만

모르실때를 대비해 Processing 기본 변수중

displayWidth와 displayHeight라는 변수가 있습니다.

displayWidth	모니터의 가로 길이
displayHeight	모니터의 세로 길이

그래서 size(displayWidth, displayHeight);를 입력하면

여러분의 모니터 화면크기와 같은 크기의 창이 뜨겠죠?

다음으로 창의 크기를 설정했으니깐

배경화면의 색을 설정해야겠죠?

그래서 필요한 함수가 background라는 함수 입나다.

일단 background(255);를 추가 하고 실행 해보시면

아까와는 다르게 바탕화면이 흰색인것을 볼수 있습니다.

그럼 다시 background(255, 0, 0);를 추가 하고 실행 해보시면

붉은색 바탕화면을 볼수 있습니다.

background 함수는 다른 함수들과는 다르게

값이 1개가 들어갈수도 있고

3개가 들어갈수도 있습니다.

값이1개 들어갈때는

첫번째 값

색의 명도를 결정

값이 3개가 들어갈때는

첫번째 값	붉은색의 명도
두번째 값	녹색의 명도
세번째 값	푸른색의 명도

입니다.

그래서 background(255);를 했을때는 흰색 이었고

background(255, 0, 0);을 했을때는 붉은색이 었던것입니다.

다음으로는 Processing에서 자주 사용할 구문인데요

바로

setup구문과 draw구문 입니다

setup과 draw는 아두이노에서의

setup과 loop와 비슷한데요

둘이 기능을 합니다.

setup은 마찬가지로 실행창이 뜨기전에 먼저 실행하는 구문 이고요.

draw는 실행창이 뜬후 실행하는 구문이고

draw는 loop와 마찬가지로 계속 반복 합니다.

여기까지해서 Processing을 설치하고 기본 함수들을 설명했습니다.

다음 시간에는 점과 선을 그려보겠습니다.

지금까지 Apple였습니다.

감사합니다.