Canvas绘制浮动球效果的示例

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

网友评论