뮤직비디오 작업기 1일차 - 파티클 각자의 포지션 만들기

draw()

이때까지 내가 만든 코드는 18000개가량의 사각형이 각 픽셀의 색상을 담당하여 결과적으로 하나의 사진을 이루는 코드를 만들었었다.

 

근데 사각형 하나하나의 위치를 변경하려고 하니 힘들길래 많은 시행착오를 겪으면서 결국 간단한 코드를 만들었다.. 

 

가장 달라진 점은 ofDrawRectangle 함수인데, 함수의 x, y 인자에는 각각 배열이 들어간다. 배열의 인덱스는 픽셀 하나하나에 접근하도록 만들었으며 각 배열에는 랜덤 한 숫자가 들어가 있다. 

 

시간 순서대로 보자면 우선 translate 함수로 사각형 하나의 위치를 사진 픽셀 위치와 동일하게 만들어주고, 위치가 변경된 사각형이 또 랜덤 한 값이 들어가 있는 위치로 이동한다. 참고로 randomA는 accelration의 줄임말로 가속도가 적용되도록 만들었다.

 

이거 하려고 벡터도 쓰고.. 막 복잡하게 만들었었는데 결국 사각형 x, y 값만 바꾸면 되는 거였다. 

keyPressed()

뮤비를 만드는거기때문에 소리와의 상호작용이 필요하다고 생각해서 일단은 키보드로 상호작용을 시키도록 만들었다. 

 

 

내일 목표는 이미지 모핑시키는 걸로 정했음

 

지하철역 -> 숲 -> 공사장 순서대로 모핑 되면서, 사각형의 색상이 사진에 따라 변화하게 만들기!!