[주유소] 29. vue 타자게임 효과음 추가, 애니메이션 왕창 추가 (주말 야근(✿◠‿◠))
1451 단어 WebRTC project주유소WebRTC project
피드백 사항이 꽤나 많았기 때문에 오늘! 토요일에 최대한 해보려 한다.
우선 내가 맡았던 타자 게임을 더 입체적이고 생동감 있게 만들어야 한다.
하고싶은 것은 아~~~ 주 많지만 오늘 안에 얼만큼 할 수 있을지는 잘 모루겠다
하자!
1. 맞았을 때 효과음
2. 틀렸을 때 효과음
3. 게임 종료했을 때 효과음
4. 게임 시작 직전 3.2.1 카운트 다운
5. 게임 종료 후 이긴 사람 카메라 반짝
6. 게임 진행 과정 실시간 score를 애니메이션으로
7. 게임이 끝났을 때 애니메이션
8. 카메라 그리드 수정
1. 효과음 추가
요로코롬
1. audio 태그를 넣어줌
2. mounted될 때 sound를 할당해줌
3. 게임이 진행되고 enter를 누를 때마다 소리를 play해줌
문제 발생: 틀렸을 때 nopeAudio가 재생되어야 하지만 늦--게 재생되는 문제가 발생!
2. 게임 시작 전 3,2,1 카운트 다운
게임 시작전임을 알리는 isBefore 변수를 추가하여
게임 시작 버튼을 누르면 isBefore=true로 변경되고 3초 동안 준비 메시지를 보여준다.
이후 게임이 시작된다
를 예상했지만
준비 메시지와 동시에 게임이 진행된다.
setTimeout을 여러번 쓰자..!! -> ㄴㄴㄴㄴ 파국이다 --> 슬프지만 다시 reset했돠,,
3. 그리드 수정
빛과 소금 언니가 그리드를 새롭게 개척했다......!
쩔어....!
그리하여 지금은 css grid 공부 중이다
Author And Source
이 문제에 관하여([주유소] 29. vue 타자게임 효과음 추가, 애니메이션 왕창 추가 (주말 야근(✿◠‿◠))), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@sin5015243/주유소-29.-vue-타자게임-효과음-추가-애니메이션-왕창-추가-주말-야근저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)