Listen to the town

Listen to the town — веб-инструмент, на котором можно играть, слушая ночной город.Днем ритм плотный и играет звонкая мелодия, вечером все замедляется и становится мягче, ночью остается сердцебиение, редкие окна и дождь.Окна в домах работают как секвенсор, по ним слева направо идет невидимая каретка, и каждое горящее окно звучит, когда до него доходит очередь. Чем выше окно, тем выше нота. Зажигая и гася свет, на фасадах сочиняется мелодия.Капли падают с неба и звенят, когда касаются крыш, луна держит фоновый гул, туман растворяет звук в эхе. Три режима, день, вечер и ночь, меняют лад, темп, тембр окон и ритм.

Прототип № 1: Клик по окну гасил свет и приглушал шум города, луна управляла дрон-пэдом, туман добавлял реверберацию, клик по небу перемешивал ноты капель.Что не сработало: окна были почти декоративными, потому что меняли только громкость шума, клик по небу почти ничего не менял на слух, а звук оставался однообразным на протяжении всего сета.

Прототип № 2: окна превратились в секвенсор, капля теперь падает из точки клика. Добавилась панель-инструкция в формате «объект, действие, что происходит» и тоггл звука, который останавливает все механики. Также появились заготовки трех режимов (день / вечер / ночь) в разных ладах и темпах и с разными тембрами.

В инструменте 5 голосов, у каждого своя цепочка эффектов и свой канал.Окна (голос 1): полифонический FM-синтезатор, дальше хорус, дилей, фильтр и реверберация. 16 колонок окон по всем домам дают 16 шагов по восьмой, это два такта по кругу. Нота окна зависит от его высоты на экране, несколько горящих окон в одной колонке звучат аккордом.Капли (голос 2): простой синтезатор с короткой огибающей, дилей и реверберация. Капля звучит в момент касания крыши, на октаву выше мелодии окон. Чем правее капля, тем выше нота. Дождь идет сам, а клик по небу добавляет капли.Луна (голос 3): пэд на широкой треугольной волне, фильтр и реверберация, по аккорду на такт. Чем выше луна, тем громче и ярче гул.Город (голос 4): коричневый шум через AutoFilter, создающий эффект проезжающих машин.Ритм (голос 5): мембранный синтезатор с фильтром низких частот.Туман (общая ручка): макро-контроллер, наложенный поверх всех. Чем он выше, тем больше реверберации на окнах, каплях и луне, и тем глуше звучат окна.

Пентатоника выбрана для того, чтобы любая комбинация окон и капель звучала гармонично и можно было свободно играть вживую.

— Перенести в код дневной и вечерний режимы
— Добавить кнопки mute для отдельных голосов
— Сделать фавиконку
— Добавить адаптивы
— Записать финальный сет: день, вечер, ночь

Инструмент: Claude (Anthropic), claude.aiС помощью ИИ доработаны настройки режимов и голосов, цепочки эффектов и секвенции.Концепция, визуальный дизайн, интерфейс, html и css верстка, интерактивные механики и база для звучания выполнены без использования нейросетей.Как работала с моделью:
Перенесла макет из фигмы в код, реализовала взаимодействия и задала структуру пяти голосов. После этого подключила Claude, чтобы подобрать параметры синтезаторов, собрать цепочки эффектов и настроить последовательности для разных режимов.