文章目录
- 前言
- 一、什么是WebGL?
- 二、Three.js 特性
前言
Three.js中文官网
Three.js
是基于原生WebGL封装运行的三维引擎,在所有WebGL引擎中,Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎,那么它可以用来做什么想必你一定很关心。所以接下来内容会展示大量基于Threejs引擎或Threejs类似引擎开发的Web3D应用,以便大家了解。
一、什么是WebGL?
WebGL
(英语:Web Graphics Library)是一种3D绘图协议,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加速渲染,这样Web开发人员就可以借助系统显卡来在浏览器里更流畅地展示3D场景和模型了,还能创建复杂的导航和数据视觉化。显然,WebGL技术标准免去了开发网页专用渲染插件的麻烦,可被用于创建具有复杂3D结构的网站页面,甚至可以用来设计3D网页游戏等等。
二、Three.js 特性
1、效果:浮雕,对眼和视差屏障。
2、场景:在运行时添加和删除对象;雾
3、镜头:视角和正字法;控制器:轨迹球、FPS、路径等
4、动画:电枢,运动学,逆运动学,变形和关键帧
5、灯光:环境、方向、点和点光;阴影:投射和接收
6、材料:Lambert、海防、光滑阴影,纹理和更多
7、材质:访问完整的 OpenGL 着色语言(GLSL)能力:镜头光晕,经过深入而广泛的后置处理库
8、对象:网格、粒子、精灵、线、带、骨头和更多-所有细节层次
9、几何:平面,立方体,球体,圆环,3D 文本等;修改器:车床,挤压和管
10、数据加载器:二进制,图像,JSON 和场景
11、事业:全套时间和三维数学函数包括锥、矩阵、四元、UVs 等
12、输入输出:three.js-compatible JSON 文件:Blender,openctm,FBX,Max,OBJ
13、支持:API 文档正在建设中,公共论坛和维基全面运作
14、例子:超过 150 个文件的编码例子加字体,模型,纹理,声音和其他支持文件
15、调试:Stats.js,WebGL 检查员,Three.js 检查员