«Мицелий» — веб-синтезатор в образе старой биологической станции связи, которая продолжает слушать пространство. Она принимает обрывки сигналов неизвестной экосистемы: низкие импульсы, отдельные тоны и шелест. Постепенно эти фрагменты складываются в ритм, созвучия и мелодию.Среди них появляется дальний сигнал — нежная, приглушённая скрипка. Это послание другой цивилизации, которая исчезает или уже исчезла, оставив после себя музыку. В нём звучат память о существовавшем мире, просьба о помощи и надежда быть услышанным.Я становлюсь оператором станции. Я собираю повторяющийся рисунок, ввожу и убираю голоса, меняю их громкость, тембр и эхо. Через эти действия возникает диалог между собственной экосистемой и далёким присутствием.Ветвящаяся сеть мицелия становится визуальной метафорой связи. Звуковые голоса воспринимаются как части живой системы, а импульсы, светящиеся узлы и приборные индикаторы помогают наблюдать за её состоянием.Это музыкальное высказывание о памяти, исчезновении и надежде установить связь. Для меня услышать другого — значит на некоторое время сохранить его присутствие.
Музыкальная структураЛента памяти Восьмишаговый секвенсор. Каждая ячейка содержит низкий импульс, тон, шелест или паузу. Из них складывается повторяющийся ритмический рисунок, который можно менять во время игры.Голос экосистемы Многослойная композиция: основная тема, аккордовая подложка, низкий голос «корни» и высокие «ответы». Слои можно независимо включать, убирать и менять по громкости.Дальний сигнал — «Последний свет» Самостоятельная скрипичная мелодия из 76 нот, развивающаяся на протяжении 32 тактов. Она может звучать отдельно или вступать в диалог с экосистемой.Общая тональная основа — ре минор. Исходный темп — 82 BPM. Музыкальные партии согласованы по пульсу и гармонии.
Как устроен звукИнструмент создан на JavaScript с Tone.js и Web Audio API.Ритмический слой объединяет низкий импульс, тон и шум с фильтрацией, эхом и панорамированием. Голос экосистемы состоит из четырёх партий с отдельной громкостью, фильтрацией, эхом и реверберацией. Скрипка использует сэмплы настоящего инструмента и управляется независимо.Голоса распределены по стереоканалам, лимитер ограничивает пики громкости. Осциллограмма и индикаторы отображают реальный звук.
референсы
поиски визуального стиля
Визуальный стиль соединяет органические структуры и образ технологического прибора. В референсах я обращалась к биоморфным формам, ветвящимся сетям и научным интерфейсам с осциллограммами, координатными сетками и индикаторами.Палитра построена на почти чёрном, оливково-графитовом и светло-зелёном оттенках. Тёмные цвета формируют корпус станции, а мягкое зелёное свечение выделяет сигналы и активные элементы.Моноширинный шрифт IBM Plex Mono напоминает маркировку технического оборудования и поддерживает образ станции связи.Основные компоненты — округлые панели, кнопки запуска и остановки, круговые регуляторы, ползунки громкости и ячейки секвенсора.
ИнтерфейсВерхняя панель содержит название станции, её состояние, запуск и остановку.Центральный монитор объединяет игровые узлы, осциллограмму, индикаторы активности и карту поля. Узлы позволяют добавлять отдельные ноты мышью или с клавиатуры.Справа расположены регуляторы чёткости, помех и следа, а также вертикальный ползунок пульса.Ниже находится восьмишаговая лента памяти и управление голосом экосистемы. В нижнем ряду собраны уровни отдельных партий и независимое управление дальним сигналом.Названия поддерживают образ живой станции: «лента памяти» — секвенсор, «корни» — бас, «ответы» — высокие ноты, «след» — эхо, «пульс» — темп, «дальний сигнал» — скрипичный голос другой цивилизации.
Как создавался проектСначала я самостоятельно написала основу проекта: HTML-разметку, базовые стили и несложные скрипты для основных взаимодействий.Затем использовала ChatGPT / Codex для написания более сложного кода: аудиодвижка, анимации мицелия, визуализации звука, независимого управления голосами и подключения скрипичных сэмплов. ИИ также помогал создавать музыкальные партии и дорабатывать интерфейс по моему макету из Figma.Концепцию, визуальный макет и направление музыкального высказывания я разработала сама. В процессе работы проверяла результат, выбирала решения и уточняла звучание и поведение инструмента.Пример промпта:Сделай восемь игровых узлов поверх поля мицелия. Каждый узел должен запускать свою ноту по нажатию мышью или соответствующей клавиши. Свяжи запуск звука с короткой визуальной реакцией: усиливай свечение центра, яркость контура и прозрачность внутренней заливки.После нажатия узел должен плавно возвращаться к исходному виду. Сохрани отдельное состояние наведения, чтобы было понятно, какие элементы интерактивны. Размести кнопки поверх Canvas в относительных координатах, чтобы при масштабировании панели они оставались на своих местах и совпадали с концами связей.
