学习历程-Three.js

该文章内容是用于记录自己关于THREE的学习经历，来自各种参考和个人的心得，有出处的我尽量标注；后面应该会写一些简短文章做一个系列，不过大家最好还是去看官网，或者郭老师的中文网，毕竟真的是应有尽有，详细的不得了；

three学习网站

Three.js 官网 Three.js – JavaScript 3D Library

Three.js 中文网 WebGL 之 （Three.js电子书《Three.js零基础入门教程》_郭隆邦）

书籍：《在Three.js 开发指南：WebGL的JavaScript 3D库》

关于 THREE 和 WebGL 

简介

图形化开发，Three.js是现在主流的3维引擎，现代浏览器基本支持webGL，而Three.js是基于WebGL开发的3维引擎框架，降低了学习成本；

WebGL（Web 图形库）是一个 JavaScript API，可在任何兼容的 Web 浏览器中渲染高性能的交互式 3D 和 2D 图形，而无需使用插件。WebGL 通过引入一个与 OpenGL ES 2.0 非常一致的 API 来做到这一点，该 API 可以在 HTML5 <canvas>元素中使用。 这种一致性使 API 可以利用用户设备提供的硬件图形加速。（简介来自MDN）

Three.js是基于原生WebGL封装运行的三维引擎，在所有WebGL引擎中，Three.js是国内文资料最多、使用最广泛的三维引擎。（简介来自Threejs中文网）

关于Three和webGl的学习

如果急于实现web3D，时间有限，也没有图形学基础，个人建议直接学习先Three.js即可，以后想深入掌握，可以学习原生WebGL和图形学相关知识。
​
如果时间比较充足，又希望有更大的成长空间，学习底层原生WebGL肯定是必要的，可以WebGL和Threejs结合着学习，顺序也不是非常重要。（简介来自Threejs中文网）

对于three和webGl，需要掌握编程基础，了解前端生态，OpenGL和unity3D加分，了解如何和美术配合加分；

有关three学习网站

github地址

GitHub - mrdoob/three.js: JavaScript 3D Library.

Three.js → github链接查看所有版本：

Releases · mrdoob/three.js · GitHub

在线编辑器（可以通过可视化的方式导出并生成代码，也可以导入的代码在线演示）

three.js editor

three.js-master目录结构

（图片来自 Three.js零基础入门教程 WebGL）

完整three.js
（three.js官网下载到本地 https://threejs.org/）
（git地址下载到本地 https://github.com/mrdoob/three.js）