ThreeJs实际上是WebGL的框架，Three.js是在WebGL的api接口基础上，又进行的一层封装。相当于js和JQuery的关系，学习webgl需要图形学知识，而webgl需要通过js和glsl两种语言。如果我们不通过threejs使用webgl势必逃不过底层知识:你必须全面了解着色器语法和自己编写顶点着色片元着色；而有了Three.js就可以大大减少了3d开发所需的专业知识储备。

创建一个3D场景有几个要素：场景：就是用于展示的空间，相机：就是模拟观察者看到得景象可以理解为人眼，渲染器：渲染器根据相机，场景内模型去把要展示的画面渲染出来，光源：添加了光的3D场景才能看得到，不然就像夜晚一样，虽然有东西了但是太黑看不到。

下面源码展示如何创建一个正方体，相关注释已经加入了。

如有疑问，欢迎给我留言。