Fractal Designer

Процедурные документы вместо застывших пикселей

В Fractal Designer документ — это описание, а не растровое изображение. Каждый слой хранит, чем он является — множеством Мандельброта, узором Вороного, отбрасываемой тенью, — вместе со своими параметрами, а картинка получается при рендеринге этого описания. Поэтому сохранённый проект занимает лишь несколько килобайт JSON, его можно без потерь отрендерить в любом разрешении, а изменение одного числа перерисовывает изображение, а не ухудшает его. Исключение — файлы, которые вы добавляете сами: музыка, фотография, видеоклип. Они хранятся в проекте как есть, чтобы он целиком открылся на другом компьютере, ценой большего размера.

Редактор объединяет 70 генераторов и 35 эффектов в 105 типов слоёв. Работа устроена как в послойном графическом редакторе: одиннадцать режимов наложения, группы с собственной цепочкой эффектов и трансформацией, маски по цвету, по близости к градиенту или по яркости другого слоя. Любой 2D-слой можно наклонить и отодвинуть вглубь. Всё считается на видеокарте через WebGPU, а каждый слой кешируется по отпечатку своих параметров, поэтому пересчитывается только то, что действительно изменилось.

Семейства фракталов и шаблоны

Набор охватывает фракталы времени убегания — Мандельброт, Жюлиа, Feather, Ляпунов, Kali, — хаотические отображения Эно, Дуффинга, Икеды и Чирикова, нарисованные над их собственными параметрами, шесть 3D-фракталов на основе рэймарчинга, кривые, заполняющие плоскость или куб, аттракторы частиц, растения и L-системы, органические узоры вроде domain warping, плазмы и мрамора, а также фигуры, градиенты, текст, ASCII-графику и ваши собственные изображения и видеоклипы. Инструменты разделены на фракталы времени убегания, хаотические отображения, кривые и построения и 3D-фракталы; эффекты — на цвет и тон, размытие и свет, искажения, растр и ретро.

Шестнадцать стартовых шаблонов открываются готовой композицией, которую можно разбирать параметр за параметром; их выбирают на карточках с превью, в том числе с клавиатуры. Имя документа над изображением служит и именем файла при сохранении и экспорте.

От глубокого зума до крупноформатной печати

• Отдельный слой Мандельброта использует теорию возмущений — опорную орбиту двойной точности на процессоре и разности одинарной точности на видеокарте — и позволяет увеличивать изображение далеко за пределы, где простой шейдер рассыпается на блоки. Жюлиа, Burning Ship, Tricorn, Celtic, Spider и Phoenix тоже сохраняют детали при глубоком зуме благодаря автоматической точности вычислений.
• Каждый ключевой кадр — полный снимок сцены, поэтому даже кадры с совершенно разными слоями могут плавно перетекать друг в друга. Камера интерполируется методом Ван Вейка и Нёйса, связывающим масштаб и сдвиг; есть «луковая кожура» (onion skin) и воспроизведение туда и обратно.
• Загрузите музыку: трек заранее раскладывается на кривые громкости, басов, середины, верхов, атак и яркости, и любой числовой параметр привязывается к ним формулой — вместе со временем, прогрессом, темпом, отстуканным вручную, и глубиной зума. Поскольку анализ выполняется до воспроизведения, экспортированное видео покадрово совпадает с превью.
• Изображения и видеоклипы — обычные слои с трансформацией, наложением и масками; клипы обрезаются началом, длительностью и скоростью, которая может быть и отрицательной, а их звук смешивается в экспортируемую дорожку.
• Редактор градиентов учитывает альфу, интерполирует в пространстве Oklab и хранит градиенты в библиотеке браузера; изображение тоже может стать двумерным градиентом. Эффект освещения читает картинку как карту высот по яркости или непрозрачности и сохраняет оттенки.
• Готовую работу можно показать на весь экран без инструментов.
• Экспорт в PNG с альфа-каналом, в зацикленный анимированный PNG (APNG) без потерь, в MP4 (H.264 с AAC) или WebM (VP9 с Opus), если браузер умеет их кодировать, в PDF физического формата с разрешением 300 dpi, отрендеренный бесшовными плитками, — хоть плакат A1, — а также сохранение проекта в JSON.

Практический порядок работы

1. Выберите стартовый шаблон или начните с пустой прозрачной страницы.
2. Добавляйте слои из индекса щелчком по инструменту или перетаскиванием на холст, а затем упорядочивайте, группируйте и маскируйте их на панели слоёв.
3. Выделите слой и настройте в инспекторе параметры, палитру, трансформацию и маску; перетаскивание по холсту сдвигает вид, колёсико меняет масштаб.
4. Если сцена должна двигаться, запишите ключевые кадры на шкале времени и воспроизведите результат.
5. Задайте формат страницы и экспортируйте PNG, видео, анимированный PNG или PDF — или сохраните проект в JSON, чтобы продолжить позже.

Кому он подходит

Дизайнерам, генеративным художникам и разработчикам, которые хотят создавать фрактальные и процедурные изображения без установки программ и написания шейдеров и которым нужен результат пригодного размера: прозрачный элемент для макета, зацикленная анимация или крупноформатная печать. Знать математику фракталов не нужно — шаблоны начинаются с готовой композиции. Опыт работы с послойными графическими редакторами поможет, ведь слои, режимы наложения и маски следуют тем же соглашениям.

Локальная обработка и требования

Всё происходит в браузере. В приложении нет никакого сетевого кода — ни запросов, ни телеметрии, ни аналитики, ни сторонних сервисов, — поэтому изображения, проекты и настройки не покидают устройство, а рендеринг выполняется на локальной видеокарте. Локальное хранилище браузера сохраняет рабочий сеанс (документ, анимацию и вид), цветовую схему, ширину панелей, размер миниатюр в индексе, настройки экспорта и библиотеку градиентов; всё удаляется очисткой данных сайта. Встроенные медиафайлы остаются в хранилище браузера и между сеансами, но приватное окно, очищенное хранилище или заполненный диск приводят к их потере — в файле проекта они есть всегда. Одновременно открыт один документ, а автосохранение общее для всех вкладок, поэтому две открытые вкладки перезаписывают сеансы друг друга. Состояние приложения не кодируется в URL; проектами делятся в виде файлов JSON.

WebGPU обязателен, программной или WebGL-замены нет; для экспорта видео дополнительно нужен WebCodecs. Приложение разрабатывается и тестируется в актуальных версиях Chrome и Edge для компьютеров, но подойдёт и любой другой браузер с поддержкой WebGPU. Редактор рассчитан на окна настольного компьютера: макета для телефона или планшета нет, в узких окнах панели сворачиваются. Офлайн-режима нет: приложение не устанавливается, а перезагрузка требует сети. У видео нет альфа-канала, прозрачные области заполняются фоном страницы; если прозрачность нужно сохранить, используйте PNG или APNG. Экспорт в PDF сводит изображение на белый фон. Глубокий зум ограничен двойной точностью опорной орбиты, а у фракталов Newton и Nova нет освещения. Интерфейс приложения — на немецком и английском.

Редактором можно управлять с клавиатуры: для отмены и повтора, удаления, дублирования, копирования и вставки, группировки, сохранения и воспроизведения есть сочетания клавиш, по шкале времени можно перемещаться с клавиатуры, а в текстовых полях сочетания не срабатывают. Элементы управления подписаны, светлая и тёмная темы следуют системе, контрастность текста измерена по WCAG AA. Известные барьеры: отрендеренная работа находится в canvas и недоступна программам экранного доступа, поместить слой в группу пока можно только перетаскиванием, а воспроизведение анимации не учитывает настройку уменьшения движения.