О проекте — FIELD ONE

FIELD ONE

Портативный веб-синтезатор для даунтемпо-сета: четыре голоса, секвенсор на 16 шагов, микшер и запись исполнения на ленту.

Концепция

Инструмент выглядит как устройство, которое берёшь в поле и играешь сразу: все ручки и кнопки под рукой, а нота всегда попадает в лад. Я выбрала ля-минорную пентатонику, поэтому ошибиться нельзя, а исполнение строится на смене аккордов, вводе и выводе голосов и эффектах-переходах.

121 BPMтемп записей на флешках, свинг выключен
Am F C Gчетыре аккорда на кнопках 1–4
4 флешкиготовые записи, 4 голоса в каждой
~1:27длина сета, 44 такта

Визуальный стиль

Прототип FIELD ONE

Референсом стала сгенерированная нейросетью картинка прибора: алюминиевый корпус, кремовые кнопки, чёрный экран с цветной графикой и один оранжевый акцент. Цвета голосов повторяются везде: на ручках, на экране и в микшере. Так по цвету сразу видно, какой голос выбран.

Алюминий#C6C7C7
Крем#F8F5ED
Оранжевый#FF5A1F
Бас#5B8CFF
Щипок#F2C94C
Пэд#DCC7A3
  • Объём кнопки строится на CSS: светлая кромка сверху, тёмная внизу, плотная «ножка» под кнопкой и мягкая тень от неё.
  • Нажатие опускает кнопку на 4 пикселя и убирает ножку, поэтому кнопка «продавливается».
  • Подсветка: красный светодиод горит, пока кнопка нажата или режим включён, в остальное время не горит.
  • Шрифты: Manrope для подписей, IBM Plex Mono для данных на экране.
  • Экран и динамик нарисованы на canvas и реагируют на звук.

Флешки с записями

Под корпусом лежат четыре флешки. Каждая хранит мою готовую запись: ноты всех четырёх голосов, форму волны и октаву, положение ручек, громкости каналов, темп и аккорд. Если вставить флешку в USB-порт, запись загружается и играет. Когда музыка уже идёт, смена происходит на начале следующего такта, и лампочка на флешке мигает, пока переход не случился. Так можно менять целые сцены сета, не останавливая ритм.

ФлешкаАккордУдарныеБасПэд
1FDUSTYпила, октава вышеквадрат
2AmPUNCHквадрат, октава вышепила
3AmDUSTYквадрат, октава вышетреугольник
4AmPUNCHпила, октава вышепила

На клавиатуре флешки вставляются клавишами Z X C V. Щипок во всех записях играет пилой, на первой флешке на октаву ниже.

Как устроен звук

Всё синтезируется в Tone.js, без готовых сэмплов. Каждому голосу ручка на панели отдаёт один главный параметр.

ГолосИз чего собранЧто делает ручка
BASSMonoSynth, пила через низкочастотный фильтр с огибающей, нота тянется около двух шаговяркость: срез фильтра от 70 до 1120 Гц
PLUCKPolySynth на треугольной волне, быстрое затухание, до 6 нот одновременнодлина затухания
PADPolySynth из трёх расстроенных пил, хорус, медленная атака и длинный хвостскорость нарастания и хвост
DRUMSбочка на MembraneSynth, малый из шума и мембраны, клэп из трёх коротких всплесков шума, хэты из шума через высокие частоты, перкуссиястрой бочки, плюс четыре набора SOFT, TIGHT, DUSTY, PUNCH

Громкость нот слегка «человечно» гуляет случайным образом, поэтому ритм не звучит как машина.

Цепочка эффектов

ГолосBASS, PLUCK, PAD, DRUMS проходят в шесть каналов: BASS, PLUCK, PAD, KICK, SNR (малый, клэп, перкуссия), HATS.
КаналФильтр тона, громкость и mute. Два отправа: в реверберацию и в эхо.
Реверберациязатухание 5,5 с, предзадержка 0,03 с, срез верха на 4,2 кГц, чтобы хвост не звенел.
Эхоповтор в 3/16 с обратной связью 0,42 и срезом верха на 2,6 кГц. Кнопка DUB поднимает обратную связь до 0,7.
WOWвибрато 0,55 Гц на всём звуке, эффект «плывущей» плёнки.
LPобщий фильтр: открыт на 18 кГц, по кнопке закрывается до 450 Гц.
COMкомпрессор: порог −14 дБ и соотношение 3, по кнопке −30 дБ и 6.
Лимитерпотолок −1 дБ, чтобы звук не клиппировал.
KILL → выходвыход на колонки, анализатор для визуализатора и запись TAPE.

Набросок композиции

Сет на 44 такта строится как история из пяти частей. Блоки показывают, какие голоса звучат и какие кнопки я нажимаю.

PAD
PLUCK
BASS
DRUMS
Аккорд
Эффекты
Вступлениепэд и щипок
Нарастаниевходят бас и ударные
Основной груваккорды Am F C G
БрейкKILL, DUB, ½
ФиналCOM, WOW, затухание
Am
F
Am
F
C
G
Am
C
G
Am
LP
DUB
KILL
½
COM
WOW

В брейке темп замедляется кнопкой ½, поэтому реальная длина будет немного больше.