При прокрутке страницы одеваются очки. Как сделать такую анимацию?

Question

[MirageFFF]

Как сделать анимацию одевания очков виртуальной реальности. Пользователь крутит страницу и попадает на очки и они как бы одеваются(анимируются)

Я где-то недавно видел на сайте, но в истории не могу найти.

В какую сторону копать? анимация и перспектива? может svg?

Answer 1

[vetsmen]

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

Answer 2

[Олег]

Как вариант с видео.
Думаю принцип понятен. Поболтай колесиком ввер-вниз ;) https://jsfiddle.net/Politonius/ydwvw1gk/1/