1. 首页
  2. 音视频
  3. 直播技术
  4. Canvas绘制浮动球效果的示例

Canvas绘制浮动球效果的示例

上传者: 2020-12-13 05:42:09上传 PDF文件 226.93KB 热度 15次
最近关注区块链方面的信息, 瞎转悠, 偶然看到这个网站首页的效果. 一堆浮动的球, 球在距离较近的时候会有感应线连接, 鼠标也可以和球产生感应线. 看了下是用canvas做的. 原效果 实现效果 之前对svg有过很多接触, canvas知道也可以做到很强大的渲染效果, 但是一直没有什么使用场景给我上手的机会. 于是这次打算自己试着上手下. 另外, 之所以对这个感兴趣, 一个是喜欢视觉效果类的东西, 二是喜欢类似游戏引擎那种模拟物理世界的感觉, 试想一下这些球会相互碰撞, 或者相互之间有引力斥力, 或者加上重力因素. 这个动画还可以开不少脑洞. github repo见这里. Canvas
下载地址
用户评论