【发布时间】:2014-07-23 16:05:39
【问题描述】:
大家好,我需要指导来重现我在网站上看到的奇妙的完整效果 Fifty-five.com 。预加载完成后,您将在画布上看到公司的徽标。
我已经成功地在画布中创建了粒子,但是在将鼠标悬停在画布上时,连接粒子以创建网格状结构的数学原理是什么?
【问题讨论】:
-
仅仅通过观察几分钟的行为很难评估他们使用的规则。但是,起点将是一些基本的三角函数(毕达哥拉斯),以评估哪些粒子在当前光标点的定义距离内。之后,它只是在范围内这些粒子的当前点之间绘制线的情况。
-
我认为部分影响是随着粒子的衰减,一些连接是孤立的。
-
另外.. 代码都在那里,你可以看到未缩小的。
-
@net.uk.sweet 我读了代码,但它超出了我的想象,所以需要帮助来让我理解逻辑。我试图映射功能点,但在中途丢失了!!
标签: html animation jquery-animate core-animation effects