Как сделать подобный эффект (canvas)?

Question

[n1ve2013]

как сделать такой эффект как тут на первом экране, знаю что связано с canvas, www.landingsumo.com/demos/Theme%2017

Answer 1

[Alex XYZ]

Посмотрел исходники. Сделано на TweenLite. В основном вся логика сосредоточена тут:


Если есть опыт работы с fiddler, то можно сделать автозамену некоторых параметров. У меня вот что получилось:



А так - изучать скрипт и переносить на свой сайт. Он не обфусцирован, так что есть что почитать.

Comments

[Ден Тоцкий]

ну по сути сделано то на canvas, на TweenLite сделали только передвижения точек, хотя можно обойтись и без этой библиотеки

[Alex XYZ]

Ден Тоцкий: Canvas - всего лишь рисовалка. Вот, кстати, нашёл парочку примеров:

bl.ocks.org/mbostock/4062045
bl.ocks.org/mbostock/1276463

из вот этого набора: https://github.com/mbostock/d3/wiki/Gallery

можно на них поразбираться.