🎨

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

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

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

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

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

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

🛸
★★☆ Середнє
Неоновий тунель
Нескінченний політ крізь неоновий тунель із пульсуючих кілець — полярний шейдер.
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 Вороний Алгоритм Ллойда Дизерінг
🌿
★★☆ Середньо
Фрактали Л-системи
Генеруйте фрактальні рослини, дерева та криві за допомогою граматики переписування Ліндемаєра і черепашячої графіки. Сніжинка Коха, Крива дракона, Папороть Барнслі та інше.
Черепашяча графіка Ліндемаєр Фрактали
🫧
★★☆ Середній Нове
Агрегація з обмеженою дифузією
Алгоритм ДЛА Вуттена–Сандерса нарощує фрактальні кластери одним частинкою за раз. Оцінка фрактальної розмірності D_f ≈ 1,71 в реальному часі. Чотири режими кольорів та три форми насіння.
ДЛА Фрактальна розмірність Випадкове блукання Canvas 2D

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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