1.Three.js概述
Three.js是使用JavaScript语言编写的一款运行在浏览器中的3D引擎。与WebGL不同,开发人员在使用Three.js进行开发时,无须掌握高深的图形学知识,只需使用少量JavaScript代码即可创建出一个3D场景。可以说,Three.js的出现对3D开发领域产生了巨大的推动作用。
1.1 Three.js简介
Three.js 3D引擎被开发出来,其功能如下。
❑ 根据开发人员的需求方便快捷地创建出3D图形。
❑ 为物体的渲染提供多种类型的纹理和材质。
❑ 自带阴影计算功能,可实现逼真的阴影效果。
❑ 支持多种格式的3D物体和骨骼动画,使3D场景更加丰富。
❑ 引擎中带有多种着色器,可实现多种逼真效果。
Three.js是Github上的一个开源项目,发展极其迅速。到目前为止,Three.js已经成为一个较为完善的3D引擎,被国内外开发人员广泛使用。
在正式学习Three.js的代码开发之前,先了解一下准备工作。
下载整个Three.js项目。build目录存储着Three.js
、Three.min.js
和Three.module.js
这3个文件。three.js没有进行代码压缩,适合调试使用。Three.min.js进行了压缩,但是调试比较烦琐,适合用于最终发布。
下载完成后,在HTML中将Three.js文件作为外部文件来引入,通过全局变量THREE对库中所有变量和方法进行操作,引入的代码如下。