Как реализовать такую анимацию?

#javascript #css #canvas

http://fabiotoste.com/portfolio

Подскажите, как такое реализовать?
Просто наткнулся и понравилось.
Интересен сам принцип реализации, может быть кто-то среди местных делал что-то похожее.

Видно, что это канвас из кода, но что-то бегло я ничего не нашел в рунете. 
    

Ответы

Ответ 1

Это библиотека GSAP

Там можно найти и другие примеры подобного раз, два

Скорее всего это реализовано не стандартными средствами, а плагинами, но и их можно
там же найти

Ну а вообще механизм прост: есть оригинальные изображения, которые можно найти во
вкладке network, они берутся за основу и по ним составляется карта, которая будет использоваться
для отрисовки элементов.
Сама анимация при ховере - это просто отдаление ближайших элементов от мышки

Вообще, в оригинале там используется Three.js, библиотека для рисования графики в вебе