Программирование это творчество или «как я научился в Generative Art»

Пришло время (Юпитер в знаке Козерог - 27 градусов) рассказать о таком явлении, как Generative Art и о том, как я начал им заниматься.

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

Как можно понять из профиля, некоторое время я занимался небольшими играми в Медузе, которые тогда выпускались довольно регулярно. Часть из них была скопирована и адаптирована под нашу платформу, часть придумана с нуля и является авторским продуктом. Я не только кодил, но и старался привнести что-то новое, постоянно искал какие-то игровые механики, экспериментировал с движками, пытался создать какие-то свои наработки в перерывах между проектами. И как-то экспериментируя с KonvaJs (библиотека для работы с канвасом), я вдруг решил отрисовать какие-то примитивные объекты, используя random для их расположения. Мне понравилось то, что я вижу все время разный результат и что он “непредсказуем”. Я тут же подумал о том, что до сих пор ни одна идея не приходила мне в голову первому, и вряд ли эта является исключением. Я вбил в гугл “Generative Art”, и мне открылся целый мир артистов, биеннале, визуализаций и программного обеспечения, который существует уже не первый десяток лет. Не раздумывая, я погрузился в него с головой.

Для начала я решил поискать какие-то курсы, чтобы кто-то внятно объяснил все с самых азов. На skillshare я нашел вот этот курс от Joshua Davis

Сам Джошуа оказался весьма маститым специалистом в данной области и я, под сильным впечатлением от его работ, решил довериться его многолетнему опыту. Это были самые веселые обучающие курсы из тех, которые мне встречались. Джошуа знатный балагур и никогда не упускает случая приправить, и так довольно интересный материал, шутками и некоторыми безумствами. Все три курса пролетели на одном дыхании. Стоит отметить, что я ничего не пытался делать сам во время прохождения, просто смотрел и старался впитывать информацию. После просмотра всех трех курсов (основы, анимация и audiovisual) я был заряжен по полной. Желание творить распирало грудную клетку, руки горели, соревнуясь с глазами.


Непосредственно в курсах Джошуа использовал Processing. Это такой язык/не язык, в общем штука на основе java для creative coding. Плюс сам он напрогал сверху для него библиотеку и во всю ее использовал. Я настроил все окружение (обнаружил, что библиотеку он свою забросил и не поддерживает) и начал творить. Ну как начал. Качнул всякие примеры Джошуа, чего-то там поковырял, не особо получалось что-то, и я загрустил. На самом skillshare среди работ чуваков, закончивших курсы чувствовалось слишком сильное влияние Джошуа. Мне же хотелось быть "самобытным артистом". Да и не очень удобно было с синтаксисом, потому что он слегка похожий на привычный мне JS, и я часто путался, короче было неудобно. Но оказалось что creative coding не ограничивается java, а существует несколько подобных систем с таким же или похожим принципом для других языков программирования. Вот некоторые из них:

P5 - JavaScript
Processing.py - Python
OpenFrameworks - C++
OpenRNDR - Kotlin
Nannou - Rust

Понятное дело, что я остановился на P5.js - это было самое близкое (родное) мне. Теперь уже, пытаясь что-то изобразить, я заодно начал смотреть сей ютуб канал: Coding Train. Господь благослови таких учителей как Дэниел Шиффман. Глядя на него и Джошуа просто невозможно представить, что ты занимаешься чем-то незначимым. Хочется просто быть частью сообщества, где есть такие замечательные люди (позже подтвердилось, что creative coding и generative art увлечены люди очень интересные, творческие и совмещающие в себе невероятное количество умений). Итак, я двигался в двух направлениях: меня интересовала статика и визуальные штуки под музыку, которую я решил продолжить писать (после 7-летнего перерыва). Сейчас я смотрю на первые свои работы с иронией (ну самые первые не сохранились, но там иронию пришлось поменять бы на сарказм), но тогда я был прям доволен.

Вот этой штукой я был прям очень доволен. Параллельно я накидал каких-то минутных (просто потому что я все постил в инстаграм) псевдомузыкальных композиций и попытался что-то нааудиовизуализировать. Это оказалось задачей, в которой было чуть меньше от творчества, потому что было очень много рутины. Я выгонял 6-7 разных дорожек, подключал их, вешал на них разные параметры, и очень (очень) много раз прогонял, постепенно разочаровываясь в своих способностях как музыканта в первую очередь, и человека, обладающего хоть каким-то вкусом во вторую. Было несколько результатов, но они не сильно меня радуют.

Пример1
Пример2

Иногда я делал что-то двигающееся и без звука, стараясь добиться каких-то интересных эффектов, но это не так меня интересовало как статика. Кстати, гифки сделанные таким образом - это целое направление, не совсем generative art, но вокруг него очень много всего и, зачастую, границы размыты. Один из ярких представителей - вот этот персонаж

Как и в любом творчестве, очень хорошо начинать, вдохновляясь кем-нибудь. Пытаясь повторить чью-то работу в процессе начинаешь уходить в "свою" сторону и часто получается что-то абсолютно новое. Ниже будет список артистов, чьи работы мне кажутся весьма впечатляющими

Manolo Gamboa
Tyler Hobbs
Matt Deslauriers

Разумеется их намного больше, но именно эти парни вдохновляли меня тогда.

Шло время, росли подписчики в инстаграме, наработалась какая-то техника, появились свои фишки, стало чуть лучше ощущение цвета. Меня пригласили модератором в небольшое тематическое сообщество на реддите (видимо из-за назойливых каждодневных постов). Потихоньку разработал сайт (планы были более грандиозными, но получилось вот это).
Свои работы я классифицировал тремя видами

• Работы, в которых было больше творчества и меньше случайности. Случайность была всегда, но она влияла больше на какие-то мелочи и почти всегда на цвет и альфа-канал. Таким образом получалось добиться весьма интересных эффектов.

• Работы, в которых случайность определяла многое, если не все, кроме каких-то базовых вещей

• Работы, которые не генерировались по нажатию кнопки, а постепенно прорисовывались на канвасе. С ними мне нравится возиться больше всего. Такую работу не выгонишь в вектор в отличие от предыдущих, но они более "живые" что ли, и можно добиться совершенно невероятных эффектов, наслаивая цвета и объекты друг на друга

Я попробовал печатать эти штуки в местной типографии, получилось не очень, я до сих пор не могу собраться и разобраться какая именно печать оптимальна для подобных принтов. Но несколько штук в рамках где-то уже висят. Потом случайно набрел на https://beyondprint.eu/ и заказал там принты на металле. Получилось очень интересно - на выходе готовая штука без рамки, которую можно сразу повесить на стену и она будет смотреться очень здорово:

Все, что заказал, я раздарил и было даже несколько заказов на триптихи, интересно смотрится, когда несколько сгенерированных картин висят рядом. Забавно, что у меня не фоток висящих картин.

Теперь о том, что нужно для того, чтобы начать. По идее не надо даже уметь программировать, потому что это не совсем то программирование, которое принято подразумевать под этим словом, но базовые навыки не помешают. Также стоит вспомнить (подучить) геометрию и линейную алгебру (особенно если делать что-то, что двигается) и, возможно, почитать что-то о цветах. Признаюсь честно, я про цвета не знаю ничего, ориентируюсь исключительно на свои ощущения, но часто меня спрашивают как именно я подбираю паттерны, поэтому нескромно надеюсь, что это у меня врожденное+наработанное. Некоторый минус этого хобби - это то, что вы программируете работу (если вы программист), а потом программируете хобби. Но есть в этом что-то медитативное, не такое как работа. Придумаешь что-то, потом сидишь, смотришь как оно там прорисовывается, потом поменял пару параметров, опять сидишь, наблюдаешь...

Дальше будет список ресурсов, на которые можно обратить внимание, а некоторые даже внимательно изучить или просто получить эстетическое удовольствие от просмотра

openprocessing.org - площадка, на которой можно накодить и сделать достоянием общественности свою работу. Поддерживает processing и p5.js. Огромное количество работ разной сложности и красивости

Generative Hut - крутой сайт туториалами и еще много чем

Casey Reas - сайт с работами талантливого и интересного человека

Awesome Creative Coding - на самом деле можно было бы ограничиться этой ссылкой - тут подборка материалов - читать не перечитать

Raven Kwok - крутейший чувак в области аудиовизуального искусства

GenerateMe - подзаброшенный блог с хорошими туториалами
Étienne Jacob - а это вроде его блог выше )

Забыл сказать что существует еще всякий софт, на котором люди творят невероятные вещи, например тот же TouchDesignet (программировать там тоже надо), ну и в целом вы не ограничены ни чем, я видел работы, сделанные в Blender или Cinema4d. Можно использовать WebGL и шейдеры, можно генерить что из нарезанных кусков, можно лить на поверхность разные жидкости и это тоже будет generative art, только более натуральный. На самом деле тема более чем объемная, и когда я начинаю осозновать ее объем, скорость написания этого текста резко замедляется. Поэтому я буду заканчивать и, надеюсь, вы сами сможете разыскать то, о чем я забыл написать.

Я буду очень рад, если кто-то из вас попробует что-то в данном направлении и выложит свои работы под этим постом (прям совсем сильно буду рад)

А еще у меня на сайте прям на главной можно "порисовать". Там тоже будет доля "генеративности" в процессе. Каждая буква на логотипе в середине включает/выключает эффект, который активируется по нажатию мыши и каждый раз принимает рандомные значения в определенном диапазоне, а сама "штука", которая летает реализована при помощии differntial grow алгоритма, который тоже чуть рандомный. Сейчас я там сделал кнопку изменения палитры (раньше были одни и те же цвета), изображения можно сохранять и кидать в меня, я их поставлю в hall of fame вместе ссылкой на вас (если нужно).

Спасибо, что дочитали :)

P.S. Всегда рад помочь и ответить на любые вопросы по теме (да и вообще на любые)