今天分享的是一个基于Three.js的HTML5 3D动画,这个动画模拟了游戏中的一个炫酷的3D场景,支持360度视角查看,也支持鼠标滚轮进行缩放。画面中主要展现了一个游戏中传送门的效果,同时还有路两边的围栏、灯笼、石头,以及星光闪闪的萤火虫,整个画面显得十分神秘。不得不说,threejs作为webgl的上层库,基本可以满足我们动画制作的大部分需求。
标签归档:HTML5 3D
HTML5 3D无限循环图片流
HTML5 3D 视差相册画廊
基于TweenMax的HTML5 3D爱心破裂动画
3,699 人浏览
2019-09-21 11:18:42
HTML5 Canvas 3D环形方块翻转动画
4,893 人浏览
2019-07-16 22:13:35
之前我们有给大家分享过一系列的HTML5 3D立方体动画,有很多效果都还不错的,比如这个HTML5/CSS3 3D魔方动画就很厉害,这应该是方块效果中最复杂的了。今天给大家带来的这款方块动画是基于HTML5 Canvas的,它的特点是许多个方块围成一个环形,每个方块不停地旋转,同时你也可以拖拽鼠标来看环形方块的不同视角。
HTML5 Canvas烟花绽放庆祝活动场景
5,952 人浏览
2019-04-14 11:14:09
前段时间,我们分享过几个基于HTML5 Canvas的烟花动画,例如这个2D平面的烟花动画,也是基于HTML5 Canvas的;同样的另外一个基于3D带音效的烟花燃放动画效果也非常炫酷。这次我们分享的另外一款基于HTML5 Canvas的烟花绽放动画的特点是,除了可以播放烟花动画,而且还可以用粒子动画的方式显示文本,例如公司名字,这样更是渲染了庆祝的氛围。
HTML5和CSS3实现的自定义3D滑杆控件
5,304 人浏览
2019-01-21 10:21:17
之前我们分享过一些比较有意思的滑杆控件,比如这款基于VueJS的滑块组件就非常不错。滑杆这种控件一般用在范围选取上面,比如结合图表生成一定范围的数据。今天我们分享的这个滑杆控件自定义程度非常高,特别是使用了CSS3的3D特性,让整一个滑杆控件效果更加炫酷。
jQuery/CSS3 3D旋转盒子动画 可自定义封面图片
6,410 人浏览
2018-06-22 17:22:26
HTML5 Canvas 3D天体运行动画
18,057 人浏览
2018-02-03 11:30:35
HTML5 Canvas 房间3D模型动画 可读取麦克风和摄像头
10,022 人浏览
2018-01-14 17:24:28