龙空技术网

three.js特性?

那个男孩boy 571

前言:

目前咱们对“产品展示js”大体比较关切,同学们都想要知道一些“产品展示js”的相关内容。那么小编同时在网络上搜集了一些对于“产品展示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 检查员

原文地址:

标签: #产品展示js