Golden Ratio Fractal Engine
Исследователь фракталов в браузере: камера, формы, палитры, материалы, атлас и опциональное ambient-аудио.
Интерактивные математические миры · React / TypeScript / WebGL2 / WebGPU / Ray marching
Задача продукта
Дать человеку исследовать математическую форму как управляемую визуальную среду, а не только статическую картинку.
Два рендера и специализированные тестовые сценарии присутствуют в исходниках. Это не отчёт о новом запуске тестов или текущем live-релизе.
Исследование формы через управление
Пример предполагаемого маршрута; не демонстрация текущего live-релиза.
- Выбрать математический мир в атласе.
- Настроить камеру, палитру и материал.
- Подобрать качество под устройство и доступный renderer.
- Сравнить варианты визуальной формы.
Из чего состоит система
- Каталог форм и параметры сцены: выбор мира, движение камеры и информационные слои.
- Основной WebGL2-рендер: fragment-shader ray marching и управление качеством.
- Опциональный WebGPU: отдельная реализация с частичным покрытием каталога.
- Палитры, стили, диагностика рендера и персонализация визуальной подачи.
Почему архитектура разделена именно так
React/TypeScript управляет сценой, движки отвечают за GPU-рендеринг. Документирован каталог из 431 формы; WebGPU покрывает 131 и использует fallback для остальных, а не полную эквивалентность.
Как сохранять управляемость и fallback, не выдавая частичное WebGPU-покрытие за эквивалентность WebGL2?
Что важно проверить до использования
Поддержка WebGPU и качество изображения зависят от устройства. Производительность и нейроэстетические эффекты не выдаются за измеренный результат.
Описание основано на составе разработки. Эта страница не запускает продукт, не выполняет оплату и не проверяет его доступность в реальном времени.
Связанные продукты, отдельные задачи
- GENIUS-MIDI
Создать управляемую отправную точку композиции с сохраняемыми параметрами, а не обещать готовый аудиотрек.
Следующий шаг
Обсудить сценарий Golden Ratio Fractal Engine
Опишите задачу, текущую систему, ограничения и желаемый результат. Сначала согласуем периметр и состав работ — затем стоимость и запуск.
Обсудить задачу в Telegram ↗Ссылка открывает человеческий контакт, не отправляет сообщение автоматически.