프로세싱(1) - 설치와 간단한 예제

아두이노로 MPU-6050을 해보다가 이것의 움직임을 시각화 하는 도구로 프로세싱(Processing)이 있다는 것을 알게 되었다. 프로세싱은 학생, 예술가, 디자이너가 쉽게 접근할 수 있도록 배려된 오픈 소스 프로그래밍 언어이다. 그리기와 상호 작용을 프로그램하여 표현하고 싶은 사람들을 위해 개발된 것이다. 잠깐 살펴 보니 흥미롭다. 프로세싱은 초보자나 미디어 아티스트들이 쉽게 사용할 수 있도록 만들어진 언어라고 한다. 아두이노와 관련해서 생각해 보면 아두이노의 다양한 센서값에서 얻은 값들을 시각화해서 보여 줄 수 있다는 것이다. 눈으로 보는게 최고지...아믄~나중에 아두이노와 접목해서 뭘 할 수 있는지 기대해 보자. ^^ 

https://processing.org/download/?processing

위 사이트에서 OS에 맞게 다운로드하고 압축을 풀자. 설치 없이 그냥 실행할 수 있다. 자바스크립트, 파이썬, 안드로이드에 까지 뭔가 할 수 있는것 같다. 나중에 차차 알아 보기로 하자.

프로그래밍을 위한 IDE는 아두이노와 비슷하게 생겼다. 심플하다.기본적으로 문법 구조가 setup()과 draw()로 시작하는 것 같다(?). 아두이노에서 setup()과 loop()가 있듯이. 암튼 간단한 그림 그리기를 해보자.

void setup() { //background size (600, 400); background(123,34,56); //point and line strokeWeight(10); //점의 두께 stroke(34,125,45); //선의 칼라, 투명도로 지정 가능 point(300,200); stroke(12,33,90); line(50, 50, 200, 200); //circle strokeWeight(4); fill(190,67,23, 150); ellipse(200,240, 200, 100); noFill(); ellipse(300,300, 300,300); noStroke(); fill(88,133,44); ellipse(500,200, 100,100); //box fill(23,66,99); rect(150, 30, 100,100); //text fill(255); textSize(19); text("Hello World", 400, 50); //원하는 글꼴 지정하고 폰트 출력 PFont font = createFont("NanumGothic", 32); textFont(font); text("안녕하세요.", 400,100); //이미지 그리기 PImage img = loadImage("image.jpg"); image(img, 300, 200, 240, 180); } void draw() { }