BLOOM

BLOOM — интерактивный музыкальный веб-синтезатор, в котором звук и визуальное пространство становятся единым целым.В основе проекта лежит идея превращения музыки в атмосферу. Пользователь не просто создаёт мелодию, а постепенно формирует собственный звуковой мир, управляя гармонией, мелодией, текстурами, голосом и ритмом.Визуальный стиль вдохновлён игрой GRIS (2018): нежные акварельные оттенки, воздушная архитектура и плавные анимации создают ощущение спокойствия и погружения.BLOOM объединяет свободную импровизацию и автоматическую генерацию музыкальных элементов, позволяя создавать композиции даже без музыкальной подготовки.

Звуковая архитектура BLOOM построена на Web Audio API и библиотеке Tone.js, которые позволяют создавать, обрабатывать и воспроизводить звук непосредственно в браузере. Каждый из пяти инструментов имеет собственный звуковой канал и цепочку эффектов, благодаря чему их громкость, характер и параметры можно настраивать независимо друг от друга.В системе используются два основных способа формирования звука:* Синтез звука: генерация гармоний, мелодий и ритмических элементов в реальном времени.* Воспроизведение сэмплов: использование заранее подготовленных аудиозаписей для создания вокальных и атмосферных слоёв.Все инструменты объединяются в общий аудиомикшер, после чего сигнал проходит через мастер-канал с ограничителем громкости и поступает на выход устройства.Результат: многослойное звучание, которым можно управлять в реальном времени.

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

Интерфейс BLOOM построен по принципу единого музыкального пространства. Все пять инструментов расположены непосредственно на сцене, а их настройки открываются в отдельных полупрозрачных панелях.Структура интерфейса— Инструменты. ATMOSPHERE, MELODY, TEXTURE, VOICE и RHYTHM образуют пять независимых зон управления. — Панели настроек. Позволяют изменять громкость, параметры звучания и режимы исполнения каждого инструмента. — Музыкальное взаимодействие. Экранные клавиши и ритмические пэды позволяют играть непосредственно в браузере. — Общее управление. Нижняя панель объединяет запуск и остановку композиции, настройку темпа, общей громкости и плавное затухание.Принцип взаимодействия: пользователь постепенно добавляет музыкальные слои и управляет ими, не покидая основную сцену.Полупрозрачные панели и компактные элементы управления сохраняют видимость фонового пространства, объединяя функциональность интерфейса с визуальной атмосферой проекта.

Проект BLOOM был разработан с использованием генеративного искусственного интеллекта. ChatGPT применялся для формирования концепции и подготовки визуальных промптов, и изображений, а Codex — для программирования интерфейса и музыкальной системы.Поскольку проект создавался без использования Figma, вместо ссылки на макеты представлена документация процесса разработки. В ней собраны основные этапы работы, примеры запросов к ИИ, визуальный материал и результаты реализации.https://docs.google.com/document/d/1ke849BwoI0eY0_7gpCkGMC6r7jo3xd1yo0af4AVd60k/edit?tab=t.t3l0l6jgzozi#heading=h.t2hql07lfbyf