aooen / rural-alike

rural-alike

rural-alike.mov

사내 Web art 스터디에서 작업한 작품입니다.

작품 설명

유년기의 추억을 회상하면서 만든 작품

각각 하늘, 논, 논두렁을 2가지 색을 선정하여 점묘화 형태로 그라데이션을 적용, 간략하게 표현한 것이 드러난다.

간간히 배경의 색과 대비되는 빨간색의 고추잠자리가 날아다니며 씬스틸러 역할을 한다.

코드 설명

배경 canvas, 잠자리 canvas가 2개 존재한다.

배경 canvas는 각각 하늘, 논, 길의 3가지 섹션을 각각 상단에서 45%, 45%, 10%씩 존재하도록 구성한다. 각각의 섹션마다 색깔을 2개씩 정한다. 이를 색깔A, 색깔B라고 할때, 최상단은 색깔A만으로 100% 점을 찍고, 그 아래에는 색깔A로 99%, 색깔B로 1%, 이런 식으로 랜덤하게 점을 찍는 과정을 반복해나가다 최하단에 색깔B로 100% 점을 찍는 방식으로 구성한다. 점묘화의 그라데이션 방식인 것이다.

잠자리 canvas에서는 잠자리 객체를 만들어, 잠자리가 향하는 방향과 속도, 크기를 설정한 후 매 프레임마다 이동량을 고려하여 새로 그려주는 방식으로 하였다. 날개는 랜덤하게 움직이도록 했다.