애니메이션으로 반응하는 인터랙티브 웹 데모입니다. 순수하게 ThorVG WebCanvas 위에서 벡터 캐릭터와 채찍 궤적, 리액션 애니메이션을 실시간으로 구현하는 데 집중합니다.
팀원: 강주희, 이승원
목표 [ ] 채찍 캐릭터 + 대상 캐릭터(3~4개) 벡터 일러스트 제작 [ ] 마우스 드래그/클릭으로 채찍 궤적을 실시간으로 그리는 인터랙션 구현 [ ] 채찍이 캐릭터에 닿으면 리액션 애니메이션(놀람/넉백) 재생 [ ] 캐릭터별 idle 루프 애니메이션 (가만히 있어도 살아있는 느낌) [ ] (도전) 여러 캐릭터를 순서대로 맞히는 미니 게임화 (점수/콤보 카운트)
기술 스택 @thorvg/webcanvas · TypeScript · Vite
댓글
이슈 원문