Html 5 Canvas粒子效果

时间:2014-07-23 16:05:39

标签: html5 animation jquery-animate core-animation effects

嘿伙计我需要指导才能重现我在网站上看到的奇迹般的全效 Fifty-five.com。预加载结束后,您将在画布中看到公司的徽标。

我已经成功地在画布中创建了粒子,但是在连接粒子以在画布上的鼠标上创建类似网格的结构时,有什么数学方法?

2 个答案:

答案 0 :(得分:1)

我找到了这个http://cssdeck.com/labs/html5-canvas-particles-web-matrix也许你可以添加一些鼠标互动性。请在此处显示最终结果。

注意:我不是这方面的专家。

答案 1 :(得分:0)

看看particles.js:

http://vincentgarreau.com/particles.js/

https://github.com/VincentGarreau/particles.js/

他们的主页与您提到的Fifty-five.com网站上使用的效果类似。

您可以启用" line_linked"链接粒子。

我希望这会有所帮助。