three.js介绍和学习资料说明

1、three.js能做什么

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。既然Threejs是一款WebGL三维引擎，它主要应用于游戏开发、动画设计、智慧城市、数字孪生、模型展示等。下面几个是在智慧城市和数字孪生等方面的应用案例。

  2、WEBGL几个概览解释

(1) Three.JS Three.JS是基于WebGL的Javascript开源框架，简言之，就是能够实现3D效果的JS库。

(2) WebGL WebGL是一种Javascript的3D图形接口，把JavaScript和OpenGL ES 2.0结合在一起。

(3) OpenGL OpenGL是开放式图形标准，跨编程语言、跨平台，Javascript、Java 、C、C++ 、 python 等都能支持OpenG ，OpenGL的Javascript实现就是WebGL，另外很多CAD制图软件都采用这种标准。OpenGL ES 2.0是OpenGL的子集，针对手机、游戏主机等嵌入式设备而设计。

(4) Canvas Canvas是HTML5的画布元素，在使用Canvas时，需要用到Canvas的上下文，可以用2D上下文绘制二维的图像，也可以使用3D上下文绘制三维的图像，其中3D上下文就是指WebGL

3、three.js官网介绍

threeJs官网：https://threejs.org/

threeJs源码github下载：https://github.com/mrdoob/three.js

threeJs官方API文档：https://threejs.org/docs/index.html#manual/zh/introduction/Creating-a-scene

threeJs官方入门教程：https://threejs.org/manual/#zh/fundamentals

threeJs官网案例：https://threejs.org/examples/#webgl_animation_keyframes

4、three.js国内文档和下载地址

threeJs零基础入门教程(更新中)：http://www.webgl3d.cn/

WebGL零基础入门教程：http://www.webgl3d.cn/WebGL/

threeJs国内百度网盘下载地址：http://www.webgl3d.cn/links/master.html

5、three.js下载和目录结构说明

github下载需要FQ，如果不能FQ的同学，建议从国内百度网盘地址下载，上面有提供地址。

下载解压之后，目录结构截图如下(下面是下载的148版本的)：

对于开发者而言，大家经常接触的是文档docs和案例examples两个文件夹，平时查看文档，可以打开文档docs里面html文件，案例examples里面提供了海量threejs功能案例。