html - HTML5 n CSS3中的粒子动画效果

Question

我正在尝试创建如下视频中所示的效果： http ://www.youtube.com/watch?v=gSk4AWvnG8Y&feature=youtu.be

这种效果是在 Flash 中创建的，但我想（尽可能地）在 HTML5 和 CSS3 中复制它。

我以前没有做过这样的事情。所以想看看是否有人可以帮助我建议我该怎么做。

谢谢泽山

Answer 1

好吧，蜘蛛有点对。有大量的画布演示描述了这种粒子效果：

• http://codepen.io/soulwire/pen/Ffvlo（在这里找到：>）http://davidwalsh.name/canvas-demos）
• http://gwtcanvasdemo.appspot.com/ - https://developer.cdn.mozilla.net/media/uploads/demos/b/o/boblemarin/5cfea13ba1397f696bea7b2ff62c0188/fluid_1339407870_demo_package/index.html（在mozilla实验室找到：https： //developer.mozilla.org/en-US/demos/detail/fluid )

等（只是做一个快速的谷歌搜索）。

使用 CSS 执行此操作是不可能的，因为您无法跟踪鼠标的确切位置，无法创建这种依赖效果，等等......而且 Canvas 是 HTML5。