three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。
实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。
这篇文章仅是一个入门篇，介绍如何绘制一个3D正方体。
介绍完毕，首先奉上实现的效果图：
这就是实现的效果图，还是挺有立体感的吧？
绘制前的准备
写代码前，要先下载最新的three.js框架包，引入自己的页面。
具体实现过程
准备一个canvas画布
这个画布是我们展现整个3D正方形的画布，也就是上图那个黑色的方框。
Camera 相机
明确绘制思路
接下来的绘制过程会涉及到多个概念：canvas、scene、camera、renderer。
为了能更好理解绘制过程的代码和有助于记忆，我们先来理解这几个概念：
假设我们现在正在旅游的途中，看到了一个很唯美的画面，想把这个3D世界记录下来
这个唯美的场景就是scene，我们用相机camera拍摄下来形成照片
为了能看清楚这个照片，我们把这个照片放置在一个画布canvas上
最后，我们再用renderer修饰渲染一下
这样，我们就能成功展现这个3D世界了。
【程序还是很贴近生活哒?】
通过现实世界的理解，我们接下来开始代码啦o(￣▽￣)ブ
准备好canvas、scene、camera、renderer，给一个初始化的方法