Добрый день, уважаемые читатели.
В прошлом уроке мы добавили в игру счётчик очков, очки начисляются за каждую собранную звезду, таким образом наша игра приобрела некий смысл. В данном уроке мы добавим фоновую музыку и озвучку процесса сбора звезд.
Идея такая: При старте уровня запускается фоновая музыка и играет на протяжении всего уровня. При соборе звезд так же будет проигрываться музыкальный файл. Таким образом наша игра станет более интерактивной и живой.
Таким образом нашей задачей будет набрать как можно больше очков и не умереть.
Подготовка к работе
для работы над проектом вам понадобится настроенный phaserjs и установленный nodejs. Все необходимые файлы доступны по ссылке.
Загрузка звуковых файлов
Для начала нам нужно загрузить звуковые файлы в игру, для этого добавим следующий код:
затем нам нужно загрузить файлы в phaser.js что бы он мог с ними взаимодействовать, для этого в в функцию preload нужно добавить следующий код:
Как видно на изображении выше мы добавили два аудиофайла:
- collect - проигрывается при сборе звездочек;
- level - проигрывается в время уровня так называемая музыкальная "тема" уровня;
Проигрывание звуковых файлов
После того как мы загрузили файлы в phaser.js, мы можем с ними взаимодействовать, для начала сделаем так что бы при старте уровня началась проигрываться музыка ( музыкальная тема/сопровождение ), для этого в функцию create нужно добавить следующий код:
на 2, 3 строке мы сохраняем ссылки на музыкальные объекты для упрощения работы с ними, на строках 5-7 мы добавляем проверку запускать проигрывание "темы" только если она остановлена, что бы избежать двойного запуска.
Также добавим озвучивание процесса сбора звездочек, для этого нам нужно добавить следующий код:
На сегодня это все в следующем уроке мы рассмотрим процесс разбиения игры на отдельные модули для структуризации кода и упрощения разработки.