相对于Flash,Flex,Silverlight等富客户端技术,WebGL之ThreeJS:通过OpenGL ES 2.0,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。这是未来的网游趋势,如果你想做可视化动画三维企业应用,又不想用复杂的C++程序,那么 Three.js 将会是你最好的选择。  本课程主要的功效就是让你学习完本教程后,能够写出在浏览器上流畅运行的3D程序,包括但不限于:大数据可视化,360度全景展示,3D游戏,完成这些事情,会比c++用更少的代码。而且更容易,更酷。 在本课程中,我们将由浅入深的讲解这些效果的实现,这能让你迅速提高开发技能,在职场中处于不败之地。课程共十三章,大大小小贯穿了近10个案例,只要你具备基础的HTML和JavaScript基础即可学习。
1
HTML5+three.js水面倒影太阳动画特效,基于canvas绘制的水面波纹荡漾,水底下倒影太阳动画效果。
2022-06-17 12:05:24 130KB 其他代码
1
资源包含文件:设计报告word+项目源码+演示视频 FFD三维自由变形,在 Three.js 里,构建嵌入空间非常简单,调用 box 对象的setFromPoints 方法就可以实现:setFromPoints( points: Vector3[] ),设置此包围盒的上边界和下边界,以包含数组 points 中的所有点。 详细介绍参考:https://biyezuopin.blog.csdn.net/article/details/125233899
2022-06-11 18:08:58 12.39MB HTML5 JavaScript Three.js FFD三维自由变形
html5+three.js三维空间粒子旋转动画特效,视觉效果很棒的canvas三维粒子旋转动画效果。
2022-05-15 22:12:04 143KB 其他代码
1
加载3D模型文件,所以用threejs加载了stl类型文件,实现X,Y,Z三轴自由可控旋转
2022-02-26 14:44:19 34.4MB three.js webgl html5
1
这是一款基于three.js的超酷线条动画特效。该特效使用THREE.MeshLine库来制作WebGL线条动画特效,共有5个示例效果。
2022-02-25 11:36:11 256KB HTML5库
1
解压密码:RJ4587 今天给大家分享一个很酷的HTML5 Canvas 3D动画,它同样是一个基于Three.js制作的动画特效。在Canvas上有一个用许多长度各异的水晶柱形组成的球体,我们还可以用鼠标拖拽球体来从不同角度观察球面,还可以用鼠标滚轮来缩放球面。还有一个特性就是,双击球面可以改变水晶面的颜色,同时水晶面上会随着旋转的角度出现亮光,更加凸显出其3D立体的视觉效果。
2021-11-27 20:22:28 95KB 3D动画 HTML5 Canvas HTML5动画
1
Canvas 3D动画,它同样是一个基于Three.js制作的动画特效。在Canvas上有一个用许多长度各异的水晶柱形组成的球体,我们还可以用鼠标拖拽球体来从不同角度观察球面,还可以用鼠标滚轮来缩放球面。还有一个特性就是,双击球面可以改变水晶面的颜色,同时水晶面上会随着旋转的角度出现亮光,更加凸显出其3D立体的视觉效果。
2021-11-24 10:39:51 95KB 代码
1
一款给人科幻视觉效果的three.js+html5 Canvas酷炫宇宙黑洞粒子动画特效,网页模拟宇宙黑洞动画特效。
2021-11-15 02:12:09 130KB 其他代码
1
这是一款基于three.js的3D爆炸特效。该特效实现3d物体爆炸成碎片的效果,可以通过鼠标点击或鼠标移动来触发效果。
2021-11-09 06:43:14 4.1MB HTML5库
1