Three.js是一个3DJavascr ipt库，基于右手坐标系，可以创建简单或是比较复杂的三维图形并应用丰富多彩的纹理和材质，可以添加五光十色的光源，可以在3D场景中移动物体或是添加脚本动画等等。本文介绍了利用three.js如何画一个3D立体的正方体的方法，需要的可以参考下。

简介 three.js 是一款WebGL框架，WebGL可以让我们在canvas上实现3D效果。实现3D效果在国内来说还算是比较新的东西，可供查阅的资料也不多。这篇文章仅是一个入门篇，介绍如何绘制一个3D正方体。 Three.js中的基本概念 Three.js包含3个基本概念：场景（Scene）、相机（Camera）和渲染器（Renderer）。 场景就是需要绘制的对象，相机代表取景的视角，渲染器是绘制的载体（可以挂靠到浏览器的DOM元素中）， 也就是我们通过相机拍摄场景然后绘制到目标介质中