Исходный размер 1240x1750

Веб-синтезатор «Пиксель-синт»

Проект принимает участие в конкурсе
big
Исходный размер 1280x166

Концепция строится на столкновении двух миров: наивной, яркой музыки из старых игр и холодной, ностальгической эстетики ранних компьютеров.

big
Исходный размер 1034x688

Визуальный язык проекта — «олдскульный» цифровой мир: чёрный фон, жёлто-зелёные линии, пиксельные шрифты, простые геометрические формы. Эстетика старых игровых консолей и терминалов

0
1/5

Инструмент представляет собой сетку, где музыка создаётся расстановкой нот. Каждый инструмент — это отдельная дорожка, которая считывается слева направо, шаг за шагом. Когда «голова» секвенсора доходит до закрашенной клетки, звучит нота.

Исходный размер 3040x2027

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

Loading...

ChatGPT выступил в роли генератора шаблонного кода и наставника, что позволило автоматизировать рутинные процессы и сосредоточиться на звуковом дизайне и визуальной эстетике проекта. С его помощью была спроектирована архитектура аудио-узлов на базе Tone.js, написана логика пошагового секвенсора с синхронизацией звука и визуальной подсветки через Tone.Draw, а также решены проблемы с таймингом (например, баг с перезапуском трека, исправленный обнулением Tone.Transport.position). Кроме того, ИИ помог реализовать сложные UI-компоненты: математическую логику расстановки нот по кругу для флейты, кастомные сегментные ползунки на CSS вместо стандартных инпутов и адаптивную верстку. Подробный промпт дизайн на github в README

Веб-синтезатор «Пиксель-синт»
Проект создан 30.10.2026
Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную...
Показать больше