如何使用画布创建像下面的链接一样的动画?

时间:2016-11-06 21:42:30

标签: javascript html5 canvas

我很好奇如何创建类似下面链接的画布效果 http://rmp-api-server.herokuapp.com/demo/index.html (光标后面有一个动画。)

1 个答案:

答案 0 :(得分:4)

我在我的投资组合页面上使用了大约一年半的时间我猜。 链接是:https://codeaffair.com/portfolio/ 你可以查看来源,没有什么是缩小的。 基本上,我们的想法是在页面上随机创建许多半透明圆圈。

在绘制方法的每次迭代中,将这些圆相对于其原始位置移动一定距离(而不是更新位置)。在每个圆上画出2-3条最近邻居的线条。完成!