WebGL Анимация картинок
 

Здравствуйте!

Подскажите пожалуйста по какому запросу можно найти такую анимацию как на этом сайте https://webstatic-sea.mihoyo.com/ys/...ion/index.html ? (не реклама)

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

>> .. но не могу найти статью по его воспроизведению.
Потому что таких статей нет.

Есть статьи по использованию программы https://www.youtube.com/watch?v=YhoqpbesFs0

Я правильно понимаю, вместо какого-то уникального способа искажения вроде CSS-параметра transform: skew там генерируется обычная по кадровая анимация?

>> ... уникального способа искажения вроде CSS-параметра transform ...
Уникальных способов у CSS быть не может потому что этот язык использует стандарт этого языка и все способы должны быть стандартизированы и общеприняты что гарантирует корректную работу CSS правил в различных программах использующих этот стандарт.
Именно из за этого правила CSS используют конкретные значения конкретных свойств.

>> ... там генерируется обычная по кадровая анимация?
Мне неизвестны какие либо традиции и обычаи для программ создающих по кадровую анимацию т.е. обычной по кадровой анимации существовать не может. Думаю что каждая программа работающая с созданием по кадровой анимации имеет вполне конкретную реализацию характерную для этой программы и нигде больше не используется.

Обычно в подобных программах создается и редактируется необходимая анимация после этого запускается отдельная программа рендер которая сохраняет нужную анимацию в необходимом формате будь то видеоролик или html с набором CSS правил либо же какой другой доступный и необходимый формат.