threejs是webgl的一个库,通过它我们可以利用大量已有的api做出很好的3d图形.

第一部分：html页面框架

 

 

第二部分：Three.js中的坐标轴

　　我们要建立三位场景，那么一定是离不开坐标轴的。

　　创建一个场景非常的简单，就是var scene = new THREE.Scene(); 而创建一个坐标轴就是用 var axes = new THREE.AxisHelper(); 

　　坐标轴的具体指向如下：

　　显然，其中xy平面即为电脑屏幕的平面。这里的坐标轴和css3中的3d旋转是一样的。

 

第三部分：实例解析

　　最终效果如下：

 

源代码如下：