如何制作这种画布效果，在背景上移动

Question

在这个网站：http://shape.themeturn.com/html/dhome/index.html你可以看到有一个点线效果随鼠标移动。您可以在标题部分找到它。

我想知道这些效果叫什么。我认为他们用HTML5画布创建它（我可能错了！）。我怎样才能创造出这样的效果。还需要什么技能？

谢谢！

Answer 1

以下是帮助您入门的大纲。

1. 用画布元素覆盖窗口的所需部分
2. 清除画布，
3. 当鼠标移动时找到鼠标位置
4. 在画布上计算鼠标所需半径内的许多随机点坐标
5. 连接（用一条线）＃4中的每个点与它最近的5个相邻点
6. 通过在这些点周围画一个小圆圈来强调＃4中的每个点，
7. 等待一小段时间，然后从第2步开始重复。