이전 포스팅을 이어서 작성한 내용입니다.
https://rubbery.tistory.com/55
JavaScript canvas 함수(3)
이전 포스팅을 이어서 작성한 내용입니다. https://rubbery.tistory.com/53 JavaScript canvas 함수(2) 이전 포스팅을 이어서 작성한 내용입니다. https://rubbery.tistory.com/47 JavaScript canvas 함수 Javascript canvas 란? canv
rubbery.tistory.com
JavaScript Audio 함수를 이용하여 mousedown 이벤트가 일어났을때 총알이 쏴지는 효과음과
토끼를 맞췄을때 들리는 효과음을 만들어보자.
1. 총알 효과음과 죽는 효과음을 로딩한다.
2. mousedown 이벤트가 발생했을때 소리가 나야 하므로 mousedown EventListener 부분에 작성한다.
.currentTime=0 을 하는 이유는 음원이 재생되는 도중에 mousemove 이벤트가 생기면 저장한 음원이 재생이 안되기 때문이다.
.play() : 로딩한 음악 파일 재생
3. 토끼를 이미지를 클릭하였을때 console.log 가 출력되는것을 볼 수 있다.
'JavaScript' 카테고리의 다른 글
| JavaScript canvas 함수(6) (0) | 2023.05.10 |
|---|---|
| JavaScript canvas 함수(5) (0) | 2023.05.09 |
| JavaScript canvas 함수(3) (0) | 2023.05.04 |
| JavaScript canvas 함수(2) (0) | 2023.05.03 |
| JavaScript Const (0) | 2023.05.02 |
