🎨

Генеративне Мистецтво

Генеративне мистецтво виникає, коли жменька простих правил — функція шуму, рекурсивна граматика, локальне правило оновлення, повторене по всій сітці — залишається працювати сама й породжує те, чого жоден художник не намалював би вручну. Цей хаб об'єднує симуляції процедурної генерації сайту в одній точці входу: поля шуму Перліна, що виростають у рельєф і мазки пензля, граматики Ліндемаєра, що проростають у папороті та криві дракона, фрактали комплексної площини з нескінченною деталізацією, клітинні автомати, що будують порядок з однієї чорної клітинки, та генератор процедурних міст, що вибудовує цілий силует з кількох чисел.

14+ симуляцій Canvas 2D · WebGL · Процедурні алгоритми

Симуляції цієї теми

14 симуляцій з категорії «Генеративне мистецтво»

🏔 ★☆☆☆ Легко
Шум Перліна — Процедурна Генерація Рельєфу і Текстур
Інтерактивний 2D шум Перліна з дробовим броунівським рухом (fBm) — генеруйте процедурні карти висот, хмари та деревні текстури, керуючи октавами, персистентністю та лакунарністю.
Генеративне мистецтво
🌊 ★★☆☆ Середньо
Поля потоку
3000 частинок рухаються в полі векторів шуму Перліна, що еволюціонує з часом — палітри Океан, Ван Гог, Вогонь і Моно, натхненні «Зоряною ніччю».
Генеративне мистецтво
🌀 ★★★☆ Складно
Деформація області
Деформація області подає шум назад у власні координати — f(p + f(p + f(p))) — перетворюючи звичайний fBm на завихрені, мармурові, хмароподібні поля.
Генеративне мистецтво
🌿 ★★☆☆ Середньо
Фрактали Л-системи
Генеруйте фрактальні рослини, дерева та криві за допомогою переписування граматики Ліндемаєра та черепашачої графіки — сніжинка Коха, крива дракона, Серпінського, папороть Барнслі.
Генеративне мистецтво
🐢 ★☆☆☆ Легко
Черепашача графіка та L-системи
Досліджуйте L-системи та черепашачу графіку інтерактивно — крива дракона, сніжинка Коха, трикутник Сьєрпінського, крива Гільберта, фрактальна рослина або власні правила.
Генеративне мистецтво
★★★☆ Складно
IFS Фрактали — Ітераційні системи функцій
Досліджуйте ітераційні системи функцій: папороть Барнслі, трикутник Серпінського, крива дракона та власні афінні перетворення — спостерігайте, як фрактальні атрактори виникають з хаосу.
Генеративне мистецтво
🌀 ★★☆☆ Середньо
Провідник по множині Мандельброта
Досліджуйте нескінченну складність множини Мандельброта — клікайте для зуму, змінюйте кольори та кількість ітерацій, або перейдіть до відомих місць на кшталт Долини коней-морів.
Генеративне мистецтво
🔮 ★☆☆☆ Легко
Множина Жулія
Клікніть на множину Мандельброта, щоб задати параметр c, і миттєво побачте відповідний фрактал Жулія з кольоровими картами та зумом у реальному часі.
Генеративне мистецтво
🔳 ★★☆☆ Середньо
Правило 30 — елементарні клітинні автомати
Досліджуйте елементарні клітинні автомати Вольфрама: оберіть будь-яке правило 0–255 (хаотичне 30, Серпінського 90, універсальне 110) і дивіться, як будується трикутник простір-час.
Генеративне мистецтво
🌻 ★★☆☆ Середньо
Філотаксис — спіралі соняшника
Побудуйте голівку соняшника за моделлю Фогеля: насінина n під кутом n·137,5° на радіусі c·√n — лише золотий кут пакує спіральні рукави без проміжків.
Генеративне мистецтво
🎭 ★★☆☆ Середньо
Пуантилізм та стипплінг
Зважений Вороний стипплінг через алгоритм Ллойда — точки самоорганізовуються в пуантилізм за функцією щільності, з шаблонами Хвилі, Спіраль і Мандельброт.
Генеративне мистецтво
🔶 ★★★☆ Складно
Зростання Вороного
Кристалічні візерунки росту за нуклеацією Джонсона-Мела-Аврамі — зародки ростуть назовні у мозаїку типу Вороного з трьома метриками відстані та релаксацією Ллойда.
Генеративне мистецтво
🌿 ★★☆☆ Середньо
Дифузійно-обмежена агрегація
Генератор фракталів DLA у реальному часі — частинки блукають від кола породження до прилипання до кластера, утворюючи гілчасті дендрити з фрактальною розмірністю D_f ≈ 1.71.
Генеративне мистецтво
🌃 ★★★☆ Складно
Генеративне місто
Згенеруйте нескінченне процедурне місто з висоти пташиного польоту — рекурсивне поділення кварталів прокладає дороги, зоновані ділянки заповнюються будівлями, а інтенсивність центру задає щільність.
Генеративне мистецтво

Рекомендований навчальний шлях

Шість симуляцій та статей у рекомендованому порядку вивчення

  1. 1
    1. Шум Перліна

    Почніть з функції шуму, до якої першою звертається майже кожен генеративний художник — побачте, як октави, персистентність і лакунарність перетворюють статичний шум на рельєф, хмари й деревні текстури.

  2. 2
    2. Поля потоку

    Використайте те саме поле шуму як векторне поле й спостерігайте, як 3000 частинок вимальовують мазки, що нагадують «Зоряну ніч» Ван Гога.

  3. 3
    3. Деформація області

    Подайте шум назад у власні координати й спостерігайте, як плаский fBm перетворюється на завихрені, мармурові, хмароподібні поля — техніка, що лежить в основі більшості «цифрового живопису».

  4. 4
    4. Фрактали Л-системи

    Перейдіть від неперервного шуму до дискретного переписування граматики — жменька правил породжує папороті, криві дракона й сніжинки.

  5. 5
    5. Провідник по множині Мандельброта

    Перейдіть від граматик до комплексної площини — наблизьтеся до найвідомішого фракталу й побачте, як наживо рендериться справді нескінченна деталізація.

  6. 6
    6. Генеративне місто

    Завершіть поєднанням рекурсивного поділу та процедурних правил у масштабі цілого міста — повний силует, побудований з числа-зерна й жменьки параметрів.

Статті за темою

Теорія й математика, що лежать в основі симуляцій

Що таке фрактал? Самоподібність і нескінченна складність
Фрактали — це нескінченно деталізовані візерунки, які виглядають однаково на будь-якому масштабі — самоподібність, множина Мандельброта, фрактальна розмірність і фрактали в природі.
Фрактальна геометрія — множина Мандельброта, розмірність Гаусдорфа та СІФ
Фрактальна розмірність, множина Мандельброта, множини Жулія, СІФ, L-системи та фрактальні візерунки в природі й науці.
Алгоритми множини Мандельброта: час виходу, оцінка відстані та GPU-рендеринг
Як алгоритм часу виходу насправді розфарбовує множину Мандельброта, а також оцінка відстані та рендеринг на GPU для плавного нескінченного зуму.
L-системи та ріст рослин — граматики Ліндемаєра і черепашача графіка
Як граматики переписування рядків Ліндемаєра перетворюють кілька правил підстановки на папороті, дерева й фрактальні криві через черепашачу графіку.
Шум Перліна та fBm — процедурна генерація
Як шум Перліна та дробовий броунівський рух генерують узгоджену випадковість для рельєфу, хмар і текстур.
Діаграми Вороного — замітальна пряма Фортуна, Делоне та застосування
Як діаграми Вороного розбивають простір — алгоритм замітальної прямої Фортуна, двоїста тріангуляція Делоне, релаксація Ллойда та застосування в реальному світі.

Про тему «Генеративне мистецтво»

Від полів шуму до процедурних міст — повна карта теми

Генеративне мистецтво — це мистецтво (або текстура, або рельєф, або ціле місто), створене системою — алгоритмом, набором правил, випадковим процесом — а не намальоване вручну штрих за штрихом. Роль художника зміщується від розміщення кожного пікселя до проєктування правил, а потім вибору, які результати роботи системи залишити: змініть параметр, перезапустіть генератор випадкових чисел — і з'явиться справді інший твір. Цей хаб зібрав усі інтерактивні симуляції процедурної генерації mysimulator.uk в одній точці входу — замість того, щоб читати про функції шуму й граматики абстрактно, ви можете рухати повзунок і спостерігати, як алгоритм перемальовує себе наживо у браузері.

Найпоширеніший будівельний блок генеративного мистецтва — шум Перліна: гладка, узгоджена форма псевдовипадковості, винайдена для оригінального фільму «Трон», щоб комп'ютерні текстури виглядали органічно, а не як статичні перешкоди. Накладання кількох октав шуму Перліна на різних частотах (дробовий броунівський рух, fBm) дає хвилясті карти висот, хмари й деревні текстури, що лежать в основі незліченних ігор і цифрових творів. Симуляція полів потоку використовує те саме поле шуму як векторне поле, проводячи крізь нього 3000 частинок, щоб побудувати візерунки, схожі на мазки пензля «Зоряної ночі» Ван Гога, а деформація області йде на крок далі, подаючи шум назад у власні координати — f(p + f(p + f(p))) — перетворюючи плаский шум на завихрені, мармурові поля, що лежать в основі більшості «цифрового живопису».

Друга велика родина технік будує структуру через рекурсивне переписування, а не шум. L-системи (системи Ліндемаєра) починаються з одного символу та жменьки правил підстановки — замініть «F» на «F+F−F−F+F», скажімо — і після кількох ітерацій переписування інтерпретатор черепашачої графіки перетворює отриманий рядок на сніжинку Коха, криву дракона або дивовижно рослиноподібну папороть. Ітераційні системи функцій (СІФ) досягають такої ж самоподібної складності іншим шляхом, застосовуючи невеликий набір афінних перетворень до точки мільйони разів, доки з того, що спочатку виглядає розсіяним шумом, не виникне фрактальний атрактор — папороть Барнслі, трикутник Серпінського. Провідники по множинах Мандельброта й Жулія доводять цю ідею до комплексної площини: ітеруйте z → z² + c і розфарбовуйте кожен піксель за швидкістю виходу на нескінченність — і ви отримаєте межу зі справді нескінченною деталізацією, яка й далі розкриває нову структуру, хоч би як далеко ви наближали зображення.

Третя родина породжує порядок з суто локальних правил, застосованих одночасно по всій сітці чи рою. Правило 30 та інші елементарні клітинні автомати оновлюють кожну клітинку за двома сусідами згідно з фіксованою таблицею, і все ж деякі правила (30 — відоме тому підтвердження) породжують настільки складний результат, що Вольфрам стверджує: він може бути справді непередбачуваним — не існує способу дізнатися рядок 10 000, не обчисливши кожен рядок перед ним. Дифузійно-обмежена агрегація та зростання Вороного моделюють фізичні процеси — частинки, що блукають, доки не прилипнуть до кластера, кристали, що зароджуються й ростуть назовні — і породжують ті самі гілчасті дендрити й мозаїчні текстури, які можна знайти в узорах інею, мінеральних відкладеннях і колоніях бактерій. Філотаксис показує ту саму ідею, керовану єдиним «магічним» числом: розмістіть насінини під золотим кутом (137,5°) від центру назовні — і спіральні рукави Фібоначчі вишиковуються самі собою, точно як у справжній голівці соняшника — жоден інший кут не пакує насіння так ефективно.

Симуляція генеративного міста та техніка стипплінгу Вороного поєднують кілька цих ідей у повні конвеєри: рекурсивне поділення кварталів прокладає дороги й зоновані ділянки так само, як L-система прокладає гілки, а потім кожна ділянка заповнюється та видовжується процедурно, тоді як зважений стипплінг Вороного використовує алгоритм релаксації Ллойда, щоб тисячі точок самоорганізувалися в пуантилістичні портрети, керовані функцією щільності самого зображення. Скористайтеся навчальним шляхом нижче для рекомендованого порядку, що рухається від шуму до граматик, далі до фракталів комплексної площини й повного процедурного конвеєра, перегляньте всю сітку симуляцій або перейдіть на сторінку категорії «Генеративне мистецтво» за повним списком.

Ці симуляції відрізняються від статичної галереї генеративного мистецтва тим, що кожна з них — живий алгоритм, що працює наживо у вашому браузері, а не заздалегідь відрендероване зображення. Змініть кількість октав у симуляції шуму Перліна — і рельєф справді перегенерується за іншою математикою, а не за іншою картинкою з таблиці; змініть правило підстановки в симуляції L-системи — і черепашача графіка справді по-новому інтерпретує інший рядок. Ця відмінність важлива для кожного, хто хоче насправді зрозуміти, як працює алгоритм, а не просто помилуватися готовим твором — адже зміна параметра й спостереження за тим, як змінюється результат, є найшвидшим способом виробити справжню інтуїцію щодо узгодженого шуму, рекурсивних граматик і локальних правил оновлення.

Часті запитання

Поширені запитання про генеративне мистецтво та процедурну генерацію

Що таке генеративне мистецтво?
Генеративне мистецтво — це мистецтво, створене повністю або частково автономною системою — алгоритмом, набором правил чи випадковим процесом — а не намальоване вручну штрих за штрихом. Художник проєктує правила й параметри, а потім запускає систему та відбирає чи допрацьовує результати; перезапуск генератора випадкових чисел або зміна одного повзунка можуть дати справді інший твір.
Що таке шум Перліна і чому він скрізь використовується в процедурній генерації?
Шум Перліна — це гладка, узгоджена форма псевдовипадковості: на відміну від чистих випадкових чисел, сусідні точки дають близькі значення, тож він виглядає органічно, а не як статичні перешкоди. Накладання кількох частот (дробовий броунівський рух) дає реалістичні карти висот, хмари й текстури, тому він лежить в основі значної частини процедурної генерації в іграх та цифровому мистецтві.
Як L-системи перетворюють кілька правил на реалістичну папороть чи дерево?
L-система починається з одного символу та невеликого набору правил підстановки, які замінюють кожен символ довшим рядком на кожній ітерації. Після достатньої кількості ітерацій отриманий рядок інтерпретується «черепашкою», яка рухається вперед, повертається й розгалужується відповідно до кожного символу — саме це просте підстановлення, повторене рекурсивно, породжує рослиноподібні розгалужені структури.
Чому множина Мандельброта має нескінченну деталізацію?
Множина Мандельброта визначається ітерацією z → z² + c для кожної точки c комплексної площини та перевіркою, чи залишається результат обмеженим. Її межа — фрактал: хоч би як далеко ви наближали будь-яку точку цієї межі, ви завжди знаходите нову структуру (зокрема крихітні копії всієї множини), тому що тест часу виходу чутливий до як завгодно малих змін c.

Інші тематичні хаби

Кожна симуляція цього хабу працює повністю у браузері без встановлення. Використовуйте кожну інтерактивну модель, щоб експериментувати з полями шуму, фрактальними граматиками, клітинними автоматами та процедурними конвеєрами, і вивчайте генеративне мистецтво та процедурну генерацію онлайн у власному темпі.