javascript - 如何实现这种前端效果？？

Question

里面的那些方块是随机动的，感觉很困难（我对canvas，svg有一定的了解，做过图表，时钟）。有没有人能够写一个超简单的模型分享下？？我想尝试着自己做做...

Answer 1

前几天看到有这样的效果，在这里，里面有源码可以下载观摩

Answer 2

是点在动，不是方块在动。

Answer 3

先定义一组顶点数组，再定义一组三角形数组，三角形的顶点就是来自前面定义的顶点，然后让每个顶点往随机的方向移动，移动一定距离后就改变方向，每个点的移动都不能让他离初始位置太远。

既然点的移动做好了，那就把三角形一个一个的画出来吧。

颜色的变化就是一个背景，然后每一次刷新的时候改变三角形的透明度就行了。

如果不明白可追问

Answer 4

点在动，每次动给一个特点的值之后进行重绘应该就可以

Answer 5

这个github上有思路类似的作品，知乎上有回答

Answer 6

有一个库，叫什么我忘记了，你看下dotamax的login页源码，里面有调用这个库

Answer 7

particular.js你可以在github上搜一下

Answer 8

https://github.com/PengJiyuan...