라즈이노 iOT

【 프로세싱 언어 】 #13 Tweak(변수 조정) 기능 이용해 보기

 프로그래밍을 하다보면 프로그램 내에서 각종 변수 값의 수치를 변경해보며 테스트 해보는 상황을 자주 겪게 된다.  이때 단순한 수치값 하나를 바꾸더라도 다시 컴파일 및 실행을 하여야 바꾼 수치가 반영된 결과를 확인 할 수 있다. 여러번 수치를 변경 테스트 할 경우 상당히 번거로운 일이 아닐 수 없다. 하지만 프로세싱에서는 이러한 문제를 버추얼하게 깔끔하고 재미있게 해결해준다.  

그 기능이 바로 지금 소개할 Tweak 기능이다. 

▶ 문제 1 : 앞선 예제를 가지고 Tweak 기능을 테스트 해보자. 

▶ 실행 동영상

(전체화면으로 보면 보다 선명하게 보실 수 있어요)

▶ 포인트 : 
- 프로그램 작성후 메뉴에서 :  Sketch(스케치) 》 Tweak(변수조정하기) 를 클릭한다. 이때, 먼저 저장 하라는 메세지가 뜨는데, 저장후 다시 실행하도록 한다.

▶ 프로그램(code) : 

 ▶ 코드 설명 : 

   - slash 값을 변경하면 배경 사선의 기울기가 변한다.

   - for 문에서 i= -slash 처럼 -값으로 시작되는 이유는 만약, 양의 값으로 시작되면 사선이기 때문에 왼쪽 하단부에 사선이 그어지지 않는 공간이 생기기 때문이다. 

▶ 코드 다운로드 :

 sketch__12_line_width_slash.pde

【 프로세싱 기초 #12 】 선(Line)으로 사선 배경 연출하기

 이제까지 직선을 이용해 배경의 음영을 넣거나 컬러배경, 그라데이션 배경등을 연출 해보았다. 이제 간단하지만 알아두면 도움이 되는 사선을 연출해보자. 

▶ 문제 1 : 배경에 일정 간격의 사선을 그어 보도록 하자.

▶ 사선 배경(실행결과) 

▶ 포인트 : 
- 기울기 값을 줄 수 있도록 기울기 인자에 해당 하는 변수를 선언해서 초기값을 준다

▶ 프로그램(code) : 

 ▶ 코드 설명 : 

   - slash 값을 변경하면 배경 사선의 기울기가 변한다.

   - for 문에서 i= -slash 처럼 -값으로 시작되는 이유는 만약, 양의 값으로 시작되면 사선이기 때문에 왼쪽 하단부에 사선이 그어지지 않는 공간이 생기기 때문이다. 

▶ 코드 다운로드 :

sketch__12_line_width_slash.pde