基于Three.js和HTML5 Canvas的3D水晶球体

2019年1月24日 170点热度 0人点赞 0条评论
图片

码农那点事儿

关注我们,一起学习进步


图片 

今天给大家分享一个很酷的HTML5 Canvas 3D动画,它同样是一个基于Three.js制作的动画特效。在Canvas上有一个用许多长度各异的水晶柱形组成的球体,我们还可以用鼠标拖拽球体来从不同角度观察球面,还可以用鼠标滚轮来缩放球面。还有一个特性就是,双击球面可以改变水晶面的颜色,同时水晶面上会随着旋转的角度出现亮光,更加凸显出其3D立体的视觉效果。

图片


下载源码(提取码:关注公众号,后台回复【190125】)

写在最后

以上就是给大家分享的基于Three.js和HTML5 Canvas的3D水晶球体,有兴趣的朋友可以看看,同时也欢迎分享和收藏。

转载于:https://www.html5tricks.com/

如有侵权请联系小编及时删除。


文源码获取方法,请在下方图片关注“码农那点事儿”公众号,在后台回复190125,即可获得。

END

● 后台回复【网页特效】,免费获取网页制作特效源码!

● 后台回复【电子书】,免费获取python电子书、教程!

图片

精选10款效果惊艳的HTML5图片特效源码

牛逼啊!一个随时随地写Python代码的神器

推荐4款不错的会员系统登录页面

值得收藏的16个富有创意的HTML5 Canvas动画特效集合

推荐↓↓↓

图片

码农那点事儿

图片

觉得我们“好看”的点亮它~
67940基于Three.js和HTML5 Canvas的3D水晶球体

这个人很懒,什么都没留下

文章评论