Использование jQuery для построения соединительных линий между анимированными объектами

Question

Я строю анимированную навигацию, основанную на идее молекулярной диаграммы.В настоящее время он содержит 3 шестиугольника, которые анимируются при наведении любого из них.

Вот что у меня есть: http://www.billjordandesign.com/tutorials/hexagon_test.html

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

У кого-нибудь есть советы, с чего начать поиск решения?

Answer 1

Я думаю, что jQuery может быть не лучшим выбором, если вы не придерживаетесь абсолютно прямых линий.

RaphaelJS может быть лучше.

Если вы застряли с jQuery, вы можете проверить некоторые из этих плагинов .

Answer 2

Вы можете также захотеть проверить фреймворк, который называется easeljs.Это не так крепко, как raepheal, но это может быть преимуществом. EaselJS