시각화/프로세싱 콘텐츠

▶프로세싱 연습노트 :: Video 라이브러리를 활용한 원 생성

비주얼라이즈 2014. 8. 31. 16:39




프로세싱 연습노트 ::  Video라이브러리를 활용한 원 생성


이번 포스팅에서는 프로세싱의 기본 라이브러리인 Video을 이용하여 만들어 본 과정을 정리하려고 합니다.






Video 라이브러리


cam라이브러리는 프로세싱의 기본 라이브러리입니다. 지난 포스팅에서 살펴본 UnfoldingMaps라이브러리는 직접 설치해야하는 과정을 거쳐야 했지만, Video라이브러리는 따로 설치없이 바로 사용이 가능합니다.


다만, 캠이 필요합니다^^; 노트북을 사용하시는 분들은 대부분 노트북에 캠이 달려 있으니 문제없이 하실 수 있지만, PC로 작업하시는 분들은 별도로 캠을 구매하셔야겠지요^^;






[프로세싱 공식 홈페이지 > 라이브러리 > Video    /   바로가기]








Video라이브러리를 활용한 원 생성


캠으로 찍기만 한다면, 프로세싱을 쓰는 의미가 없습니다. 더하여 PC캠의 기준으로 촬영되는 영상에 문자를 넣거나, 임의적으로 몇가지 필터를 주는 기능이 있었습니다. 즉, 단순히 필터로 효과를 내거나 문자를 삽입하는 정도는 프로세싱없이도 프리 소프트웨어로 가능한 수준이었습니다.


포스팅에서 소개할 내용은 그보다 아주 쪼금만 더 나아가서, 특정 색상이 위치한곳에서 원이 생성되게하는 예제입니다. 글로 설명하려니 굉장히 어렵네요^^; 영상을 통해 확인해보세요



[프로세싱 Video라이브러리를 이용한 원 생성]



원이 생성되는 위치는 마우스클릭지점의 색상으로 결정되게 했습니다. 그리고 생성되는 원 들은 ArrayList로 만들었고, 생성되고 난 후, 시간이 지남에따라 색상이 옅어지면서 아래로 떨어지도록 설정했습니다.