Media is too big
VIEW IN TELEGRAM
Op Art.
Это шейдер и тут все относительно просто - регулярные вращающиеся квадраты, сменяются с черных на белые со сдвигом, рисуются поверх искаженного 2d пространства.
Искажение подобрано на глаз так, чтобы выглядело как выпуколсть:
Анимация uv как будто немного вращает сцену добавляя иззлюзию выпуклости:
Двигающиеся хроматические аберрации немного все это оживляют..
#genuary19
Это шейдер и тут все относительно просто - регулярные вращающиеся квадраты, сменяются с черных на белые со сдвигом, рисуются поверх искаженного 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
👍11😍6❤🔥5🔥2🤩1
#genuary21
Collision detection system (no libs).
Использовал простейшее квадро-дерево (quad-tree). Если использовать элементы с постоянной шириной, то оно вполне решает задачу поиска ближайших соседей, с которыми уже нужно считать пересечение. Достаточно использовать для запроса регион поиска размером с ширину элемента + зазор (если он необходим). Коллизии тут ищутся между кругами, радиусом с ширину линии.
Не обошлось и без ошибки (вторая картинка), но это не ошибка с коллизиями и я даже не стал её искать - с ней даже лучше 🙃
Collision detection system (no libs).
Использовал простейшее квадро-дерево (quad-tree). Если использовать элементы с постоянной шириной, то оно вполне решает задачу поиска ближайших соседей, с которыми уже нужно считать пересечение. Достаточно использовать для запроса регион поиска размером с ширину элемента + зазор (если он необходим). Коллизии тут ищутся между кругами, радиусом с ширину линии.
Не обошлось и без ошибки (вторая картинка), но это не ошибка с коллизиями и я даже не стал её искать - с ней даже лучше 🙃
🔥19
Gradients only.
Примитивный шейдер, смешано 5 цветов, при помощи smoothstep от uv.y (текстурные координаты предварительно повернуты на небольшой случайный для каждого шага угол), вторая граница интервала имеет примерно такой вид:
Шум тут определен в интервале от -1 до 1, таким образом все выражение меняется от 0 до 0.2, все это дает такой вот прикольный неравномерный градиент.
В финале поверх всего добавлен еще один градиент слева-направо.
😵💫Если долго рассматривать переходы мне кажется что картинка шевелится.
#genuary22
Примитивный шейдер, смешано 5 цветов, при помощи smoothstep от uv.y (текстурные координаты предварительно повернуты на небольшой случайный для каждого шага угол), вторая граница интервала имеет примерно такой вид:
0.1+noise(uv)*0.1Шум тут определен в интервале от -1 до 1, таким образом все выражение меняется от 0 до 0.2, все это дает такой вот прикольный неравномерный градиент.
В финале поверх всего добавлен еще один градиент слева-направо.
😵💫Если долго рассматривать переходы мне кажется что картинка шевелится.
#genuary22
😍25👍8🔥6🥰3🕊1
Gradients only. Vol 2.
Частичный градиент меджу градиентами, шейдер, еще проще чем из прошлого сообщения, меньше сила эффекта, меньше градиента, 7 секций, 5 цветов.
#genuary22
Частичный градиент меджу градиентами, шейдер, еще проще чем из прошлого сообщения, меньше сила эффекта, меньше градиента, 7 секций, 5 цветов.
#genuary22
🔥15❤4👍4