Поля и шум

Оп-арт

Шахматка, полосы, волны Бриджит Райли, концентрические квадраты и кольца — вздутые линзами, как «Вега» Вазарели.

  • шейдер на GPU
  • бесшовный тайл
  • зацикленная анимация
Открыть в редакторе →

Чёрно-белая шахматная доска, которая вдруг вздувается шаром; волнистые полосы, от которых холст начинает дрожать и плыть. Оп-арт, «оптическое искусство» 1960-х, работает не с сюжетом, а с самим зрением: простая правильная фигура, чуть искажённая, заставляет мозг видеть объём и движение, которых на холсте нет. Его приёмы живут в тканях и обоях, на обложках пластинок, в рекламе и логотипах.

Как это устроено

Слой строит правильную «Фигуру» — шахматку, полосы, волны, концентрические квадраты или кольца — из двух цветов, «Цвета А» и «Цвета Б»; «Частота» задаёт, сколько клеток или полос ложится по короткой стороне. Затем плоскость гнут «Линзы». Внутри линзы точка, в которой берётся узор, подтягивается к её центру, поэтому узор выглядит увеличенным и выпуклым; при отрицательной «Силе линз» он, наоборот, сжимается и проваливается во впадину. «Закрутка» заодно поворачивает узор внутри линзы. К краю линзы искажение плавно сходит на нет, и узор нигде не рвётся.

s = |x − c| / R (s < 1) g = (1 − s²)² m = 1 − 0,8 · σ · g x′ = c + поворот(τπg)·(x − c)·m цвет(x) = фигура(x′) σ — «Сила линз», τ — «Закрутка»

Мозг читает сжатие и растяжение правильной текстуры как наклон поверхности — это градиент текстуры, один из главных признаков глубины, — и видит шар. «Волны» повторяют приём Бриджит Райли: полосы качаются по синусоиде, размах которой меняется поперёк холста. Края сглажены при любом разрешении, а там, где узор мельче двух пикселей, он переходит в ровный средний тон, чтобы не родился паразитный муар. «Резкость» меньше единицы смягчает ступеньки до синусоидальных переходов. «Цвет Б» по умолчанию — цвет фона, и он остаётся прозрачным: фигуру можно положить поверх других слоёв. В анимации фигура сдвигается на целое число периодов за петлю, а линзы описывают маленькие круги.

Немного истории

Виктор Вазарели, венгр, работавший в Париже, рисовал зебр из одних полос ещё в 1930-х и считается отцом оп-арта; его серия «Вега» — шахматные сетки, вздутые изнутри сферой, — прямой прообраз линз этого слоя. Англичанка Бриджит Райли в 1961 году написала «Движение в квадратах» — шахматку, клетки которой к середине сжимаются в узкие полоски, — а в 1964-м «Течение» из волнистых линий. Слово «оп-арт» появилось в журнале Time в 1964 году, а в 1965-м нью-йоркский Музей современного искусства открыл выставку «Отзывчивый глаз» с «Течением» Райли на обложке каталога. Вскоре узоры оп-арта хлынули в моду, к немалому раздражению самой Райли.

Что покрутить

  • «Шахматка», одна линза, «Сила линз» 0,85 — вазарелиевская «Вега»; отрицательная сила даёт воронку.
  • «Волны» без линз («Линзы» 0) и «Частота» 20–30 — холст в духе Райли.
  • «Кольца» с «Закруткой» 0,5–1 закручиваются в гипнотическую спираль.
  • Мелкие контрастные полосы в видео могут неприятно мерцать, а людям, чувствительным к мельканию, — вредить: для анимации снизьте «Резкость» или «Частоту».
  • Подложите под фигуру «Градиентную сетку»: «Цвет Б» прозрачен, и цвет просветит сквозь его клетки, а «Градиент» перекрасит палитрой и клетки А.

Параметры

Фигура
шахматка · полосы · волны · квадраты · кольца
Частота
Сколько клеток или полос по короткой стороне
Линзы
Сколько вздутий искажают плоскость
Сила линз
Больше нуля — выпуклость, меньше — впадина
Закрутка
Поворачивает узор внутри линз
Резкость
1 — чёткие края, 0 — мягкие синусоидальные переходы
Цвет А
Цвет Б
Цвет фона остаётся прозрачным — фигуру можно положить поверх других слоёв
Градиент
Цвет А берётся из палитры и меняется по полотну
Скорость
На сколько периодов сдвигается фигура за петлю анимации