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 і недоступна програмам зчитування з екрана, помістити шар у групу поки можна лише перетягуванням, а відтворення анімації не враховує налаштування зменшення руху.