라즈이노 iOT

【 프로세싱 기초#16 】 박스로 그림 그리기 #2

 지난시간 컬로 박스 그리기를 해보았다. 이번에는 컬럼단위로 그라디에이션을 주면서 물결이 흐르는 듯한 효과를 구현해보고자 한다.  간단하지만, 이런 기법들을 연습해두면, 추후에 프로젝트 과제 등에서 활용할 수 있을 것이다. 

[ 프로세싱의 화면 좌표 ]  - 100 x 100 pixel 예시 

▶ 문제  :  컬럼 단위로 동일한 색상의 박스를 점진적으로 변화 시키면서(마치 이동되는 느낌) 화면 영역에 그리기.
   [ 조건 :  1. 화면 사이즈(가로x세로 픽셀) : 400 x 400) , 
              2. 배경색 및 라인: background(0)
              3. 박스 (40 x 40 픽셀) : 색상은 for 반복문을 이용해서 점진적으로 증가  ]

▶ 실행결과영상
1. 그라디에션 박스가 점진적으로 생성되며 이동된다.

▶ 프로그램(code) : 
(이미지를 클릭하면 확대 됩니다)

for (int i =....
      colorPositions[i]   += 5;
      color...

      이 구문이 색상을 조금씩 밝게 변경해주는 구문이다.

▶ 프로그램(code) 다운로드: 
(압축 파일을 풀어서 사용하세요)