🎛 Modular Genesis 3D Hero — Интерактивный Eurorack-синтезатор прямо в браузере!
Ребята, зарелизил превью-версию интерактивного 3D-лэнда для открытого проекта Modular Genesis ⚡️
Это не просто статичный 3D-рендер или зацикленное видео, а полноценная веб-лаборатория модульного синтеза, работающая в реальном времени на Three.js, GSAP и Web Audio API.
🔥 Что под капотом и что можно пощупать:
• 🔹 Реалистичный 68HP Eurorack Skiff: Анодированный алюминиевый корпус, ореховые боковины, точные 3U-панели модулей и монтажные рейки, собранные через процедурный Blender-пайплайн сжатый в Draco GLB (~800 КБ).
• 🔹 Живой Web Audio DSP движок: Встроенный генеративный субтрактивный синтезатор с LFO-модуляцией, шаговым секвенсором и режимом микрофонного входа.
• 🔹 Анимированные OLED-дисплеи: Осциллограф на VCO и 24-полосный FFT-спектроанализатор на модуле VIS рисуют реальную звуковую форму волны в 60 FPS.
• 🔹 Синхронная 3D-физика: Регуляторы и фейдеры поворачиваются в такт звуковой модуляции, а по гибким патч-кордам бегут световые импульсы сигналов.
• 🔹 Интерактивный режим обучения (Learn Mode): Наведите курсор (или тапните на телефоне) на любой модуль (CLK, VCO, VCF, ENV, LFO, S&H, MIX, VIS) — выезжает карточка с описанием роли модуля в тракте и прямыми ссылками на уроки и готовые патчи.
• 🔹 Полная мобильная адаптация: Управление жестами, адаптивный угол обзора (FOV) и удобная шторка (Bottom Sheet) на смартфонах.
• 🔹 Мгновенное переключение EN / RU.
🔗 Ссылки:
🌐 Пощупать интерактивное 3D вживую:
👉 https://alevoldon.github.io/web-hero-modular/
📦 Исходники и релиз на GitHub:
👉 https://github.com/ALEVOLDON/web-hero-modular
📚 Сам обучающий портал Modular Genesis:
👉 https://alevoldon.github.io/Modular-Genesis/
Заходите, крутите ручки, тестируйте в наушниках и делитесь фидбеком в комментариях! 👇
#modularsynth #threejs #webgl #webaudio #blender #creativecoding #eurorack #opensource
Ребята, зарелизил превью-версию интерактивного 3D-лэнда для открытого проекта Modular Genesis ⚡️
Это не просто статичный 3D-рендер или зацикленное видео, а полноценная веб-лаборатория модульного синтеза, работающая в реальном времени на Three.js, GSAP и Web Audio API.
🔥 Что под капотом и что можно пощупать:
• 🔹 Реалистичный 68HP Eurorack Skiff: Анодированный алюминиевый корпус, ореховые боковины, точные 3U-панели модулей и монтажные рейки, собранные через процедурный Blender-пайплайн сжатый в Draco GLB (~800 КБ).
• 🔹 Живой Web Audio DSP движок: Встроенный генеративный субтрактивный синтезатор с LFO-модуляцией, шаговым секвенсором и режимом микрофонного входа.
• 🔹 Анимированные OLED-дисплеи: Осциллограф на VCO и 24-полосный FFT-спектроанализатор на модуле VIS рисуют реальную звуковую форму волны в 60 FPS.
• 🔹 Синхронная 3D-физика: Регуляторы и фейдеры поворачиваются в такт звуковой модуляции, а по гибким патч-кордам бегут световые импульсы сигналов.
• 🔹 Интерактивный режим обучения (Learn Mode): Наведите курсор (или тапните на телефоне) на любой модуль (CLK, VCO, VCF, ENV, LFO, S&H, MIX, VIS) — выезжает карточка с описанием роли модуля в тракте и прямыми ссылками на уроки и готовые патчи.
• 🔹 Полная мобильная адаптация: Управление жестами, адаптивный угол обзора (FOV) и удобная шторка (Bottom Sheet) на смартфонах.
• 🔹 Мгновенное переключение EN / RU.
🔗 Ссылки:
🌐 Пощупать интерактивное 3D вживую:
👉 https://alevoldon.github.io/web-hero-modular/
📦 Исходники и релиз на GitHub:
👉 https://github.com/ALEVOLDON/web-hero-modular
📚 Сам обучающий портал Modular Genesis:
👉 https://alevoldon.github.io/Modular-Genesis/
Заходите, крутите ручки, тестируйте в наушниках и делитесь фидбеком в комментариях! 👇
#modularsynth #threejs #webgl #webaudio #blender #creativecoding #eurorack #opensource