게임 개발에서 빠질 수 없는 사운드와 음악을 Phaser로 다루는 방법을 알아봅니다. 오디오 파일 로드부터 효과음, 배경음악, 볼륨 조절까지 실무에서 바로 활용할 수 있는 기술을 배웁니다. # Phaser 사운드와 음악 완벽 가이드 게임 개발에서 빠질 수 없는 사운드와 음악을 Phaser로 다루는 방법을 알아봅니다. 오디오 파일 로드부터 효과음, 배경음악, 볼륨 조절까지 실무에서 바로 활용할 수 있는 기술을 배웁니다. --- ## 목차 1. [오디오_파일_로드](#오디오-파일-로드) 2. [효과음_재생](#효과음-재생) 3. [배경음악_루프](#배경음악-루프) 4. [볼륨_조절](#볼륨-조절) 5. [오디오_스프라이트](#오디오-스프라이트) 6. [음소거_기능](#음소거-기능) --- ## 1. 오디오_파일_로드 김개발 씨는 첫 번째 웹 게임을 만들고 있습니다. 캐릭터도 움직이고 적도 나타나는데, 뭔가 허전합니다. 바로 소리가 없기 때문입니다. "게임에 소리를 넣으려면 어떻게 해야 하지?" 선배 박시니어 씨에게 물었습니다. **오디오 파일 로드**는 게임에서 소리를 재생하기 전에 반드시 거쳐야 하는 첫 번째 단계입니다. 마치 요리를 하기 전에 재료를 냉장고에서 꺼내 준비하는 것과 같습니다. Phaser에서는 preload 함수에서 this.load.audio 메서드를 사용하여 오디오 파일을 미리 불러옵니다. 다음 코드를 살펴봅시다. ```javascript // Phaser 씬의 preload 함수에서 오디오 로드 function preload() { // 효과음 로드: (키 이름, 파일 경로) this.load.audio('jump', 'assets/sounds/jump.mp3'); this.load.audio('coin', 'assets/sounds/coin.wav'); // 배경음악 로드 this.load.audio('bgm', 'assets/music/background.mp3'); // 여러 포맷 지원 (브라우저 호환성) this.load.audio(