Концепция и особенность
Музыка через взаимодействие с персонажами
Каждый пришелец выполняет свою музыкальную роль. Большие персонажи управляют основными голосами, маленькие включают дополнительные дорожки.
Тело персонажа запускает звук, глаза выбирают форму волны, отростки управляют эффектами. Персонажи реагируют на звучание движением.
Инструмент позволяет постепенно собирать композицию и менять её во время исполнения.
Два основных голоса
YUREI играет мелодию. Звук с вибрато плавно переходит между нотами. Чтобы изменить высоту, нужно потянуть персонажа вверх или вниз.
KUMO играет аккорды, арпеджио и 808-бас. Перетаскивание вверх или вниз переключает аккорды F#m, D, A и E.
Громкость, панорама, тембр и эффекты настраиваются отдельно для каждого голоса.
промт
Два пришельца для музыкального синтезатора ali3n synth.YUREI оранжево-коричневый, отвечает за мелодию. KUMO зелёный, отвечает за аккорды и бас.У каждого круглое тело и четыре глаза на толстых отростках. Глаза разного размера, с бирюзовыми зрачками. Внутри зрачков обозначения форм волны: синус, пила, квадрат и треугольник.Снизу четыре тонких серых отростка с круглыми серебристыми регуляторами. На каждом короткая тёмная черта.Простые формы, цветные градиенты, блики сверху и затемнение по краям. На теле имя YUREI или KUMO.
Дополнительные дорожки
Четыре маленьких пришельца добавляют партии в композицию.
TIK играет хай-хэты.
KLAK добавляет клэп.
HUM тянет хоровый аккорд и следует гармонии KUMO.
BLIP издаёт короткие инопланетные звуки.
Нажатие включает дорожку, повторное останавливает. Все партии играют в одном темпе. По умолчанию это 72 BPM.
промт
Сделай четырёх маленьких пришельцевTIK голубой, с одним глазом. Играет хай-хэты. KLAK розовый, с двумя глазами. Играет клэп. HUM сиреневый, с тремя глазами. Отвечает за хор. BLIP жёлтый, с одним глазом. Добавляет короткие звуки.У всех круглое тело, две тонкие антенны с шариками на концах и две короткие кривые ножки. Глаза светлые, зрачки тёмно-бирюзовые. Рта нет.По виду должны подходить к YUREI и KUMO. Простые формы, цветные градиенты, блик сверху, края темнее. Все одного размера, вид спереди. Каждый отдельно, на прозрачном фоне и без подписей.
Панели настроек
Панели YUREI и KUMO позволяют отдельно настроить громкость, панораму, тембр и comb-фильтр каждого голоса. Внизу показаны выбранная форма волны и цепочка эффектов.
Мастер-панель управляет общей громкостью, темпом и порогом лимитера. Индикатор GR показывает, насколько лимитер приглушает сигнал, а осциллограф отображает форму звука.
промт
Нарисуй три панели управления звуком для ali3n synth: yurei.exe, kumo.exe и master.exe. Светло-серый корпус с объёмными краями, бирюзовая полоса сверху, название окна слева и кнопка сворачивания справа. Шрифт пиксельный.В панелях YUREI и KUMO размести пять горизонтальных ползунков: vol, pan, tone, comb и fb. Названия слева, значения справа. Внизу тёмное поле с выбранной формой волны и цепочкой эффектов. У YUREI это crush, warble, comb и echo. У KUMO это tape, wobble, comb и space.В мастер-панели размести ползунки master, ceiling и tempo. Под ними индикатор GR и тёмное поле осциллографа с тонкой бирюзовой линией.Все три панели в одном стиле, вид спереди. Каждая отдельно на прозрачном фоне.
Визуальный стиль
В оформлении сочетаются космос и старые компьютерные окна. На фоне цветной градиент, частицы и немного зерна. Пришельцы выглядят объёмными за счёт бликов и затемнения по краям.
YUREI оранжевый, KUMO зелёный. У маленьких пришельцев тоже свои цвета, чтобы их было проще различать.
Для названия выбран Unbounded, для подписей и настроек пиксельный VT323.
Когда персонаж звучит, его тело пульсирует, а глаза вспыхивают.
Цепочки эффектов и стерео
У каждого голоса своя цепочка эффектов. YUREI использует crush, warble, comb и echo. KUMO использует tape, wobble, comb и space.
YUREI смещён влево, KUMO вправо. Панорама настраивается отдельно для каждого голоса. Затем звук поступает в общую мастер-панель.
Как устроен инструмент
Инструмент создан на React и Tone.js. React отвечает за интерфейс и управление параметрами. Tone.js создаёт звук, обрабатывает эффекты и синхронизирует партии.
Два основных голоса и четыре дополнительные дорожки поступают в общий выход с настройкой громкости и лимитером.
Компоненты интерфейса
Каждый основной голос состоит из персонажа и панели настроек. Между ними расположены дополнительные дорожки и мастер-панель.
Названия компонентов описывают их роль: Creature отвечает за персонажа, Eye за выбор формы волны, FxKnob за эффекты, VoicePanel за настройки голоса, MicroAlien за маленьких пришельцев, MasterPanel за общий звук.
В коде названия компонентов записаны в PascalCase, например VoicePanel. CSS-классы обозначают блок и его части, например alien__panel.
