🎨

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

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

9 симуляцій Canvas 2D · WebGL · Three.js Fractals · L-Systems · Noise

Симуляції категорії

Алгоритмічна краса з математичних правил

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

🔲
Нове ★★☆ Середнє
Шум Ворлі
Шум Ворлі (клітинний) фарбує кожен піксель за відстанню до опорних точок, даючи комірки, тріщини й текстури каменю.
Worley noise cellular noise Voronoi
🌀
Нове ★★★ Складне
Деформація області
Деформація області подає шум назад у власні координати — f(p + f(p + f(p))) — перетворюючи звичайний fBm на завихрені, мармурові, хмароподібні поля.
domain warping fBm Perlin noise
🌻
★★☆ Середнє
Філотаксис
Модель соняшника Фогеля: насінина n під кутом n·137,5°, радіус c·√n. Лише золотий кут пакує спіралі Фібоначчі без проміжків.
Золотий кут Фібоначчі Canvas 2D
⭕
★★★ Складне
Аполлонієва сітка
Нескінченний фрактал взаємно дотичних кіл за комплексною теоремою Декарта про кола, що рекурсивно заповнює кожен криволінійний проміжок.
Фрактал Дотичні кола Canvas 2D
🔳
★★☆ Середнє
Правило 30 — елементарні КА
Елементарні клітинні автомати Вольфрама: оберіть будь-яке правило 0–255 (хаотичне 30, Серпінського 90, універсальне 110) і дивіться на трикутник простір-час.
Клітинні автомати Вольфрам Canvas 2D
🛸
★★☆ Середнє
Неоновий тунель
Нескінченний політ крізь неоновий тунель із пульсуючих кілець — полярний шейдер.
Three.js GLSL Raymarching
🌐
★★☆ Середнє
Морфінг-сфера
Органічна сфера, що деформується 3D-шумом у вершинному шейдері — райдужна та глянцева.
Three.js GLSL Noise
🔶
★★☆ Помірна Нова
Зростання Вороного
Кристалічний ріст за нуклеацією Джонсона-Мела-Аврамі: зародки ростуть у мозаїку типу Вороного (прямі чи криві межі) з трьома метриками та релаксацією Ллойда.
Вороний Джонсон-Мел Кристалізація Canvas 2D
🌸
★★★ Складне
3D суперформула
Суперформула Гієліса r(φ) модулює сферу за двома осями, формуючи зірки, квіти, скручені бублики та кристали. BufferGeometry перебудовується наживо при зміні восьми параметрів.
Three.js Суперформула Параметрична Процедурна
⚪
★★★ Складне
Релаксація Ллойда — центроїдний Вороний
Перемістіть кожну точку в центроїд її комірки Вороного — точки сходяться у центроїдну тесселяцію Вороного, прекрасно рівномірну і близьку до гексагональної. Енергія E монотонно спадає.
Canvas 2D Вороний Центроїдний Релаксація
🔘
★★★ Складне
Пуассонівська вибірка дисками — синій шум
Алгоритм Брідсона для синього шуму: активний список росте, приймаючи кандидатів на відстані r..2r — і відкидаючи ближче за r. Порівняйте з рівномірним випадковим і дивіться радіальний спектр.
Canvas 2D Синій шум Брідсон Вибірка
🌃
★★★ Складне
Генеративне місто
Нескінченне процедурне місто з висоти польоту. Рекурсивне поділення кварталів прокладає дороги, зоновані ділянки заповнюються будівлями, а інтенсивність центру задає щільність. Перегенеруйте, змініть стиль та збережіть у PNG.
Canvas 2D Процедурна Поділення Місто
🖼️
★★★ Складне
Обчислювальне фотомистецтво
Перетворіть будь-яке зображення на алгоритмічне мистецтво: ASCII-текст, фотомозаїку, стипл-крапки або дизеринг Флойда–Стейнберга. Завантажте власне або вбудоване джерело, налаштуйте роздільність і палітру, збережіть у PNG.
Canvas 2D ASCII Дизеринг Обробка зображень
🔮
★★☆ Середнє
Дослідник фракталів
Рендерер множин Мандельброта та Жулія з ітерацією, прискореною на GPU. Збільшуйте до нескінченних деталей, змінюйте кольорові палітри, анімуйте параметр Жулія та експортуйте зображення високої роздільної здатності.
WebGL Complex Numbers Mandelbrot Julia Set
🔷
★☆☆ Початківець
Калейдоскоп
Калейдоскоп реального часу, побудований на групах дзеркальної симетрії. Регулюйте кількість секторів (k-кратна симетрія), малюйте вільно або скористайтеся вбудованим генератором шуму, щоб створювати автономні візерунки, що еволюціонують самі.
Canvas 2D Symmetry Reflection k-fold
🌿
★★☆ Середнє
L-системи
Системи Ліндемаєра: граматики переписування рядків, що вирощують рослини, сніжинки та криві, що заповнюють простір. Редагуйте аксіому, правила продукції та кут; спостерігайте, як геометрія еволюціонує покоління за поколінням.
Canvas 2D Turtle Graphics Grammar Recursion
🌲
★☆☆ Початківець
Дерево Піфагора
Двійкове дерево, де кожен вузол вирощує дві гілки у формі прямокутних трикутників. Налаштовуйте кут розгалуження та співвідношення розмірів, щоб перетворити елегантний дуб на симетричний хрест чи спіраль із квадратів.
Canvas 2D Recursion Self-Similarity Pythagorean
🔺
★☆☆ Початківець
Трикутник Серпінського
Хаос-гра та рекурсивний поділ — два зовсім різні алгоритми, що збігаються до того самого фрактала. Спостерігайте, як трикутник виникає з тисяч випадкових точок, що стрибають між вершинами.
Canvas 2D Chaos Game IFS Fractal
❄️
★★☆ Середнє
Ріст сніжинки
Клітинний автомат, що відтворює модель сніжинки Райтера. Регулюйте густину пари, анізотропію та дифузію, щоб отримати дендрити, пластинки, голки та порожнисті стовпчики — повну морфологічну діаграму.
Canvas 2D Cellular Automaton Diffusion 6-fold Symmetry
🌀
★☆☆ Початківець
Числові спіралі
Спіраль Улама, спіраль Сакса та проста троянда — цілі числа, розташовані спіралями, виявляють приховані закономірності у розподілі простих чисел. Віддаліться достатньо далеко — і з нібито випадкового шуму проступають діагональні лінії.
Canvas 2D Prime Numbers Ulam Spiral Number Theory
🌊
★★☆ Середній
Поля потоку
3 000 частинок рухаються в полі векторів шуму Перліна. Обирайте між палітрами Океан, Ван Гог, Вогонь і Моно; налаштовуйте масштаб шуму, швидкість і тривалість слідів.
Canvas 2D Шум Перліна Curl Noise Частинки
🎭
★★☆ Середній
Пуантилізм та стипплінг
Точки самоорганізовуються у стиплінг-мистецтво через зважену релаксацію Вороного. Обирайте шаблони Хвилі, Спіраль, Мандельброт або Зірки — спостерігайте збіжність алгоритму Ллойда.
Canvas 2D Вороний Алгоритм Ллойда Дизерінг
🌿
★★☆ Середньо
Фрактали Л-системи
Генеруйте фрактальні рослини, дерева та криві за допомогою граматики переписування Ліндемаєра і черепашячої графіки. Сніжинка Коха, Крива дракона, Папороть Барнслі та інше.
Черепашяча графіка Ліндемаєр Фрактали
⭐
★★★ Складне Нове
Ісламські Геометричні Орнаменти
Генеруйте вражаючі {n/k} зіркові полігонні тесселяції з класичного ісламського геометричного дизайну. Досліджуйте плитки Герех, 8-кутні вікна, Оттоманські зірки та квазіперіодичні групи симетрій.
Зірковий полігон Плитки Герех Тесселяція Canvas 2D
🔲
★★☆ Середній
Плитки Трюше
Досліджуйте патерни, що виникають із випадково орієнтованих плиток із чвертьколами. Змінюйте розмір сітки та вивчайте математику теорії мозаїк — класичні дуги, Сміт, трикутники.
Трюше Теорія мозаїки Емерджентність Canvas 2D
🫧
★★☆ Середній Нове
Агрегація з обмеженою дифузією
Алгоритм ДЛА Вуттена–Сандерса нарощує фрактальні кластери одним частинкою за раз. Оцінка фрактальної розмірності D_f ≈ 1,71 в реальному часі. Чотири режими кольорів та три форми насіння.
ДЛА Фрактальна розмірність Випадкове блукання Canvas 2D
🌀
★★☆ Середній Нове
Циклічні клітинні автомати
Спостерігайте за красивими спіральними патернами, що виникають з простих циклічних правил. Кожна клітина переходить до наступного стану лише якщо сусід вже має цей стан.
Клітинні автомати Спіральні хвилі Збуджувальні середовища Canvas 2D
🌸
★★☆ Середнє
Випадковий Ріст
Модель Едена та ДЛА-фрактал. Розмірність D≈1.71.
Модель Едена ДЛА Фрактальна розмірність Canvas 2D
🌀
Нове ★★★ Складне
3D Поле Потоку Завихреного Шуму
Тисячі частинок рухаються у 3D полі завихреного шуму на канвасі. Завихрений шум (∇×F) є безрозбіжним...
Завихрений шум 3D Частинки Canvas 2D

Ключові концепції

Математичні основи, що стоять за візуалізаціями

Фрактальна розмірність
Нецілочисельна міра самоподібності. Трикутник Серпінського має розмірність log(3)/log(2) ≈ 1,585 — більше за лінію, менше за поверхню.
Системи Ліндемаєра
Контекстно-вільні граматики рядків, що моделюють розгалуження рослин. Просте правило F→F[+F]F[-F]F генерує реалістичну структуру куща за чотири ітерації.
Шум Перліна / Сімплекс
Градієнтний шум із плавною просторовою кореляцією. Застосовується у полях потоку, генерації рельєфу та процедурних текстурах — когерентна випадковість із регульованими октавами.
Ітераційні системи функцій
Набір афінних стиснень, повторне застосування яких збігається до фрактального атрактора. Класична хаос-гра для трикутника Серпінського використовує три IFS-відображення.

Навчальні ресурси

Поглибте своє розуміння за допомогою цих статей

Стаття Фрактальна геометрія та розмірність Розмірність Гаусдорфа, коефіцієнти самоподібності, множини Жулія та алгоритм виходу Мандельброта — з поясненнями. → Стаття Системи Ліндемаєра Формальні граматики, інтерпретація черепашачої графіки, стохастичні та параметричні розширення для реалістичних моделей рослин. → Стаття Шум Перліна та процедурні текстури Градієнтний шум, накладання октав (fBm), деформація простору та застосування від рельєфу до мармурових шейдерів. → Стаття Діаграми Вороного Алгоритм замітальної прямої Фортуна, двоїстість Делоне, зважений Вороний та застосування у стиплінгу й клітинному шумі. →

Досліджуйте суміжні математичні світи

Про Симуляції Генеративного Мистецтва

Процедурні візерунки, алгоритмічне малювання, L-системи та креативний код

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

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

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

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

Поширені запитання про цю категорію симуляцій

Які алгоритми генеративного мистецтва охоплено?
Поля потоку (векторні поля шуму Перліна), фрактальні рослини L-системи, калейдоскопи, реакція-дифузія (Ґрей-Скотт), галузеве розгалуження через колонізацію простору, фрактали та пуантилістичний малюнок.
Що таке поле потоку в генеративному мистецтві?
Поле потоку призначає вектор напрямку кожній точці полотна, похідному від функції шуму. Частинки слідують цим векторам, залишаючи сліди, що утворюють органічні плавні патерни.
Чи можна завантажити або поділитися витворами мистецтва?
Більшість симуляцій включають кнопку «Зберегти PNG» для експорту згенерованого мистецтва у повній роздільній здатності.

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