mathimages // let there be art

Gradients only.

Примитивный шейдер, смешано 5 цветов, при помощи smoothstep от uv.y (текстурные координаты предварительно повернуты на небольшой случайный для каждого шага угол), вторая граница интервала имеет примерно такой вид:

0.1+noise(uv)*0.1

Шум тут определен в интервале от -1 до 1, таким образом все выражение меняется от 0 до 0.2, все это дает такой вот прикольный неравномерный градиент.

В финале поверх всего добавлен еще один градиент слева-направо.

😵‍💫Если долго рассматривать переходы мне кажется что картинка шевелится.

#genuary22

#genuary21

Collision detection system (no libs).

Использовал простейшее квадро-дерево (quad-tree). Если использовать элементы с постоянной шириной, то оно вполне решает задачу поиска ближайших соседей, с которыми уже нужно считать пересечение. Достаточно использовать для запроса регион поиска размером с ширину элемента + зазор (если он необходим). Коллизии тут ищутся между кругами, радиусом с ширину линии.

Не обошлось и без ошибки (вторая картинка), но это не ошибка с коллизиями и я даже не стал её искать - с ней даже лучше 🙃

Generative architecture.

#genuary20

Op Art.

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

Искажение подобрано на глаз так, чтобы выглядело как выпуколсть:

uv = mix(uv, uv/2., smoothstep(1.0,0.0,log(length(uv)*5.)));

Анимация uv как будто немного вращает сцену добавляя иззлюзию выпуклости:

uv += vec2(sin(time),cos(time))*0.1*(0.5-length(uv));

Двигающиеся хроматические аберрации немного все это оживляют..

#genuary19

What does wind look like?

#genuary18

#genuary16

Generative palette

#genuary15

Design a rug