Audio Reactive.

Отдельным направлением развития Disaurde была восприимчивость визуала к окружающему звуку. Мне хотелось, чтобы параметры фильтров сами менялись при взаимодействии со звучащей мелодией, превращая приложение в музыкальный визуализатор.

Для работы со звуком я подключил к p5.js библиотеку p5.sound. Она обрабатывала звуковой поток из микрофона и превращала его в команды управления фильтром. Способ работы с программой получился примерно такой:

1. Приложение открывалось в ПК-браузере.
2. В качестве микрофона выбирался системный микшер.
3. В системе через медиа-плеер запускалась музыка.
4. Disaurde подключалось к системному микшеру и получала музыку.
5. JS-код менял параметры фильтра в зависимости от получаемых звуковых волн.
6. Новые параметры передавались в шейдер, на ходу меняя визуал.
7. Для управления схемой фильтра и другими настройками использовалась клавиатура.

Громоздкость этой схемы не позволила довести звуковые эксперименты до релиза. Тем не менее, с их помощью я записал несколько музыкальных видеороликов. Аудиореактивное направление еще долго казалось мне перспективным, и я не раз возвращался к опытам со звуком в следующих приложениях.