Глава 3. Композиционные решения
Original size 1148x1608
This project is a student project at the School of Design or a research project at the School of Design. This project is not commercial and serves educational purposes

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

Раздел 1. Центральная симметрия

Раздел освещает использование центральной симметрии в композициях креативного кодинга, где симметричное расположение элементов относительно центральной оси служит структурной основой произведения. Этот прием часто используется для создания упорядоченности, гармонии и баланса визуального пространства, что привлекает внимание зрителя и устанавливает иерархию внутри работы. Центральная симметрия также может быть использована для создания легко считываемого ощущения движения и ритма.

Есть большое количество принципов, которые позволяют создавать композиции с центральной симметрией.

Полярные координаты Центрально-симметричные композиции часто основываются на использовании полярных координат — системы координат, где каждая точка на плоскости определяется радиусом и углом относительно центральной точки. В контексте креативного кодинга, полярные координаты являются мощным инструментом для создания круговых и радиальных структур.

big
Original size 1920x1120

gallorezzo, 2023 | loackme, 25.09.2023

Тригонометрические функции Движение точки по синусу в оси X и по косинусу в оси Y позволяет нарисовать круг. А сочетание колебаний синуса и косинуса с различными коэффициентами и множителями создает разнообразные центрированные узоры.

Original size 1920x1120

patternseeing, Form studies, 11.09.2023 | zygurt, 2023

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

Original size 1920x1120

julian_hes penheide, 27.06.2022 | designbyjake_, DELAYED SQUARE, 09.10.2023

Далее работы будут приведены без деления, так как рубрикация по технологическому принципу не всегда возможна без доступа к коду, лежащему в основе произведений.

Original size 1920x1120

limerzman, TODO VA DE MARAVILLA, 22.09.2023 | samuelpietri, Wormhole, 14.04.2023

Original size 1920x1120

amacodingart, Rectangles, 09.09.2023 | amacodingart, 11.10.2023

Original size 1920x1120

daniel_maarleveld, Zoom R& D, 08.09.2023 | julian_hespenheide, 03.10.2023

Original size 1920x1120

eggsovereager, Generative 8-bit symmetric mandalas, 2023 | julian_hespenheide, Planet, 25.09.2023

Original size 1920x1120

nma_png, 05.11.2023 | julian_hespenheide, 07.09.2023

Original size 1920x1120

jzlabs, iridescent bloom, 18.09.2023 | generativevibes, Pendulum Swings, 25.10.2023

Original size 1920x1120

designbyjake_, DECONSTRUCT, 14.09.2023 | lav.the.artist, 2023

Original size 1920x1120

jzlabs, psychedelic marble, 07.10.2023 | marioecg, Lightpulse, 23.10.2023

Original size 1920x1120

andrewmcwhae, ColorLemp, 3.11.2023 | samuelpietri, Burning star, 23.10.2023

Original size 1920x1120

tomash.ghz, Eight ate too many doughnuts, 15.05.2023 | alidasun, DAY 1008, 10.01.2022

Original size 1920x1120

non.linear_, 2023 | t.kostrzeva, 2023

Original size 1920x1120

gin_graphic, 30.10.2023 | tris.to.quads, Pre: Cycle n.05, 06.11.2023

Original size 1920x1120

ricky_o_369, Luminous Flux: Harmonies in Motion, 04.11.2023 | andreiongd, LIGHTS, 06.11.2023

Original size 1920x1120

julian_hespenheide, 06.06.2023 | j2rgb, love yourself, 10.07.2019

Original size 1920x1120

madqua.lia, 2019 | bedirxanugur, Cycle, 2023

Original size 1920x1120

generativeartworks, Differential Growth, 06.08.2023 | bzorsystems, 29.10.2023

Original size 1920x1120

daniel_rezinovsky, 30.10.2023 | generattiv, Kaleidoscope, 2023 | pixel.flux, iris, 29.10.2023

Original size 1920x1120

jakknature, 24.10.2023 | scarletmotiff, 1195.////KARMA, 27.10.2023

Original size 1920x1120

copyplanet.eth, SPIRITUAL PEAL, 28.10.2023 | ed.creativecoder, Crowded, 14.09.2023

Original size 1920x1120

ed.creativecoder, Octopus, 26.05.2023 | ed.creativecoder, Alien circle, 29.10.2023 | newnome_beauton, 18.10.2023

Original size 1920x1120

andreoliveira.cebola, gn.prcssr, 2023 | degencode, tincture, 06.11.2023

Original size 1920x1120

lejeunerenard, Overjuggle, 22.08.2023 | emptyflash_, 2022 | ixtam, 2022

Original size 1920x1120

jzlabs, furl, 06.06.2023 | jzlabs, petal vortex, 07.11.2023

Original size 1920x1120

chelsialise, Coded art, 09.07.2023 | tylerxhobbs, Fidenza #612, 12.06.2023

Раздел 2. Упорядоченные по сетке объекты

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

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

Original size 1920x1120

f3.output, 2022

Original size 1920x1120

patternseeing, Grid wave, 21.07.2023 | patternseeing, Grid pins, 24.07.2023

Original size 1920x1120

bleemio, 2023 | eggsovereager, Generative 8-bit symmetric mandalas, 2023

Original size 1920x1120

probablysachin, 16.03.2023 | mariemalarme, 2023

Original size 1920x1120

studio_moodsoup, 20,08.2022 | lucacattan3o, Sketch 03, 2023

Original size 1920x1120

mythicdomain, 2023 | procedural_disarray, Signals, 27.08.2022

Original size 1920x1120

sumeetrohilla, Light study, 05.11.2023 | ksawerykomputery, 05.05.2020

Original size 1920x1120

dudenasart, Text studies, 2022 | lejeunerenard, Bananas, 29.10.2023

Original size 1920x1120

harsh.palan, 2023 | andrewmcwhae, Bands, 02.11.2023

Original size 1920x1120

machine.arm, dividune 1 (blu), 06.10.2023 | alidasun, DAY 1292, 2022

Original size 1920x1120

pde.me, 05.05.2023 | sumeetrohilla, Light study, 04.11.2023

Original size 1920x1120

andreoliveira.cebola, lucidDream (), 2023

Original size 1920x1120

etinjcb, 14.10.2019 | costardrouge.jpg, Genuary Day 2: «Made in 10 minutes», 05.01.2023

Original size 1920x1120

zach.lieberman, Cube faces, 02.04.2023 | loackme, Cubes, 27.02.2021

Original size 1920x1120

zach.lieberman, Faces test, 18.04.2023 | kishimisu, Neon Grid, 14.05.2022

Original size 1920x1120

okazzsp, 20.06.2023 | costardrouge.jpg, Orbiting, 04.01.2022

Original size 1920x1120

kiyoshinakauchi, Fast or Late, 12.11.2023 | j2rgb, 23.08.2021

Original size 1920x1120

tasty_plots, Fireworks, 03.11.2020 | kiyoshinakauchi, Monochrome Circles, 12.10.2022

Раздел 2.1 ASCII-графика

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

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

Original size 1920x1120

tameemsankari, The Tech Dancer, 02.11.2023 | julian_hespenheide, 07.07.2023

Original size 1920x1120

alidasun, Day 1274, 2022

Original size 1920x1120

alidasun, Day 1281, 2023

Original size 1920x1120

julian_hespenheide, 07.09.2023 | julian_hespenheide, 01.06.2023

Original size 1920x1120

gin_graphic, 30.10.2023 | _deafbeef, Glitchbox 187, 16.05.2022

Original size 1920x1120

t.kostrzeva, 2022

Original size 1920x1120

italiano.jpg, 2, 2023 | thisisnewfear, 2023

Original size 1920x1120

lunar_beings, 2023 | julian_hespenheide, 26.09.2023

Original size 1920x1120

sebasvilarino, 2023 | julian_hespenheide, 27.06.2022 | metacupid.io, day.033: Alphabits, 2023

Original size 1920x1120

alidasun, Southern Gothic ASCII shorelines, 04.11.2023

Раздел 2.2 Дизеринг

Дизеринг (от англ. «dithering») — это техника обработки изображений, при которой создается иллюзия большего количества цветов и оттенков за счет систематического распределения пикселей разного цвета. Это позволяет создать более гладкие переходы между тонами в условиях ограниченной цветовой палитры, что особенно актуально для платформ с ограниченными возможностями отображения как, например, в ранних видеоиграх.

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

Подобно ASCII-арту, дизеринг использует сетку, но вместо текстовых символов здесь используются структуры с разным распределением пикселей.

Original size 1920x1120

tameemsankari, The Tech Dancer, 02.11.2023 | tameemsankari, 2022

Original size 1920x1120

loackme, Cubes, 27.02.2021 | loackme, «R for #36daysoftype08», 22,04.2021

Original size 1920x1120

loackme, 25.09.2023 | julian_hespenheide, 19.04.2023

Original size 1920x1120

tameemsankari, The TechWheel, 09.05.2023 | tameemsankari, 01.08.2023

Original size 1920x1120

andreasgysin, 05.07.2018 | nicolassassoon, Blue Shore, 2012

Original size 1920x1120

Ix.shells, series «Afro Netrunners», 2021

Original size 1920x1120

tameemsankari, Ascending Descent, 2023 | julian_hespenheide, Unstable core. Rotating jetstream, 22.09.2023

Original size 1920x1120

tameemsankari, The Womb of Innovation, 29.05.2023 | tomash.ghz, Eight ate too many doughnuts, 15.05.2023

Original size 1920x1120

julian_hespenheide, Planet, 25.09.2023 | julian_hespenheide, 03.10.2023

Original size 1920x1120

julian_hespenheide, 25.10.2023 | msomil, 15.05.2023

Original size 1920x1120

anusheel.gurjar, 2023

Original size 1920x1120

julian_hespenheide, 06.06.2023 | not4broadcast, 041123, 04.11.2023

Original size 1920x1120

not4broadcast, 041123, 04.11.2023 | pde.me, Digital Bunny, 01.07.2023

Original size 1920x1120

not4broadcast, 041123, 04.11.2023 | tameemsankari, The Soul of the Child, 07.07.2023

Вывод главы

Глава 3, посвященная композиционным решениям в креативном кодинге, выявляет общие причины, по которым художники выбирают определенные подходы в организации своих работ, и объясняет, почему эти решения привлекают и повторяются в различных проектах.

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

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

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

Глава 3. Композиционные решения
15
Chapter:
1
2
3
4
5
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more