【 프로세싱 기초#15 】 컬러 박스 그리기
프로세싱을 이용해서 사각형 박스를 그려보자, 프로세싱은 PC화면상에서 단순 데이터를 비주얼하게 그래픽적으로 쉽게 표현을 해주는 강력한 도구이다. 아두이노를 다루면서 프로세싱을 다루는 이유는 아두이노의 데이터를 PC화면상에 보여줄 때 아주 유용하기 때문이다. 프로세싱은 Java기반 언어지만 아두이노 스케치를 조금이라도 작성하는 수준이면 쉽게 작성할 수 있으며, 구조도 아두이노 스케치 IDE와 매우 유사해서, 차근 차근 배워나가면 크게 어렵지 않을 것이다. 아두이노는 스케치는 하드웨어를 컨트롤 하는데 초점이 맞추어져 있다면, 프로세싱 스케치는 PC상에 구현하기 위한 소프트웨어 기반이다. 따라서, 아두이노와 프로세싱을 결합해서 응용해볼 수 있는 작품들이 매우 많다. 그래서 프로세싱을 새로운 언어로 인식하거나 하여 부담가질 필요 전혀 없다.
[ 프로세싱의 화면 좌표 ] - 100 x 100 pixel 예시
▶ 문제 : 화면 영역에 다중 for 문을 이용하여 40x40 픽셀의 컬러 박스를 그려 넣어라. (컬러는 랜덤으로 생성)
[ 조건 : 1. 화면 사이즈(가로x세로 픽셀) : 400 x 400) ,
2. 배경색 및 라인: background(0)
3. 컬러박스 (40 x 40 픽셀) : 컬러는 랜덤 생성 ]
▶ 문제 (실행결과)
1. 랜덤하게 컬러 박스 영역이 생성되고 있다.
▶ 프로그램(code) :
(이미지를 클릭하면 확대 됩니다)
▶ 프로그램(code) 다운로드:
(압축 파일을 풀어서 사용하세요)
▶ 내용설명&실행결과(영상) :
(이미지를 클릭하면 확대 됩니다)
(유튜브에서 보기)
https://youtu.be/Sx5mGvr75SE
'Language > 프로세싱' 카테고리의 다른 글
| 【 프로세싱 기초#17 】 극좌표로 원 그리기 (0) | 2019.05.17 |
|---|---|
| 【 프로세싱 기초#16 】 박스로 그림 그리기 #2 (0) | 2019.05.17 |
| 【 프로세싱 기초 #14 】랜덤한 선 그리기 (0) | 2019.03.12 |
| 【 프로세싱 기초 #13 】가운데 점을 중심으로 선을 램덤하게 그리기 (0) | 2019.03.08 |
| 【 프로세싱 기초 #12 】선(Line)으로 사선 배경 연출하기 (0) | 2018.05.11 |
