如何实现这种前端效果??

clipboard.png

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

阅读 6.9k
8 个回答

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

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

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

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

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

如果不明白可追问

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

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题