css animation 썸네일형 리스트형 노래맞히기 게임 구현하기(feat. holwer.js, classList) 프로젝트: SNU FESTIVAL 키워드: trigger css animation, classList, svg, holwer.js, Web Audio API 상황: 페스월드 축제의 미니게임인 '노래 맞히기'는 노래의 아주 짧은 부분만 듣고 제목을 맞히는 게임이다. 키보드 조작이나 화면 터치를 통해 음악이 재생되도록 하고, 시각적인 재미를 줄 수 있도록 애니메이션도 곁들이고자 한다. 해결 과정 페이지 단에서 addEventListener로 키보드 조작을 감지하고, A를 눌렀다면 'KeyA'에 해당하는 음악과 애니메이션을 재생하면 된다. function reducer(state, action) { if (action.type === 'toggle') { const { key } = action; return.. 더보기 이전 1 다음
