Генеративная графика и музыка

Golden Ratio Fractal Engine

Исследователь фракталов в браузере: камера, формы, палитры, материалы, атлас и опциональное ambient-аудио.

Интерактивные математические миры · React / TypeScript / WebGL2 / WebGPU / Ray marching

Задача продукта

Дать человеку исследовать математическую форму как управляемую визуальную среду, а не только статическую картинку.

Стадия

Два рендера и специализированные тестовые сценарии присутствуют в исходниках. Это не отчёт о новом запуске тестов или текущем live-релизе.

Концептуальная иллюстрация: Golden Ratio Fractal Engine
Концептуальная схема, не скриншот работающего продукта.

Исследование формы через управление

Пример предполагаемого маршрута; не демонстрация текущего live-релиза.

  1. Выбрать математический мир в атласе.
  2. Настроить камеру, палитру и материал.
  3. Подобрать качество под устройство и доступный renderer.
  4. Сравнить варианты визуальной формы.

Из чего состоит система

  • Каталог форм и параметры сцены: выбор мира, движение камеры и информационные слои.
  • Основной WebGL2-рендер: fragment-shader ray marching и управление качеством.
  • Опциональный WebGPU: отдельная реализация с частичным покрытием каталога.
  • Палитры, стили, диагностика рендера и персонализация визуальной подачи.

Почему архитектура разделена именно так

React/TypeScript управляет сценой, движки отвечают за GPU-рендеринг. Документирован каталог из 431 формы; WebGPU покрывает 131 и использует fallback для остальных, а не полную эквивалентность.

Как сохранять управляемость и fallback, не выдавая частичное WebGPU-покрытие за эквивалентность WebGL2?

Что важно проверить до использования

Поддержка WebGPU и качество изображения зависят от устройства. Производительность и нейроэстетические эффекты не выдаются за измеренный результат.

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

Связанные продукты, отдельные задачи

Следующий шаг

Обсудить сценарий Golden Ratio Fractal Engine

Опишите задачу, текущую систему, ограничения и желаемый результат. Сначала согласуем периметр и состав работ — затем стоимость и запуск.

Обсудить задачу в Telegram ↗

Ссылка открывает человеческий контакт, не отправляет сообщение автоматически.