最近断断续续地写出了这么个东西：http://ucren.com/demos/d3d/index.html。

    这是一个简单的 JS 3D 模型，能跑在包括 IE6 的所有浏览器上，结合一下 tween 缓动算法，理论上已经可以完美模拟像 http://www.cu3ox.com/ 这个网站上方 banner 的各种变换效果了。

    介绍一下实现细节，矢量绘图仍然用的是 Raphael 库，Raphael 我在《如何用 JS 实现 3D 赛车效果》这篇文章里有过介绍。此外，我参考了大量关于三维透视的文章，在下面的一些实现上用到了很多相关知识。

坐标系

    我们通常用一根带原点和正方向箭头的直线来表示数轴，数轴就是一个一维坐标系，两条在原点处相交并互相垂直的数轴就形成了二维坐标系，也叫平面直角坐标系，它用两个参数 x,y 来表示平面上一个点的位置，在平面直角坐标系上，加入一条经过原点且垂直于该平面的数轴就形成了三维坐标系，它用三个参数 x,y,z 来表示空间中一个点的位置。三维坐标系分为左手坐标系和右手坐标系两种，为了实现的方便，本例采用左手坐标系做为场景。

场景类 Sence

    场景你可以理解为存放物体的一个有限大的空间，本例的场景可以添加任意多个不同的物体(比如长方体等)，场景支持任意方向的旋转，对于旋转，本例场景的实现分为以下三种方式，他们分别是绕场景中任意一个参考点的 x 轴、y 轴和 z 轴旋转。场景发生旋转后的效果是遍历场景中每一个物体，使物体发生相对于参考点做相应的旋转。

渲染器类 Renderer

    渲染器你可以理解成一部照相机，由一个位于场景中或场景外的某一个地点的人拍摄，输出的照片就是渲染器的产物。渲染器涉及到两个重要的参数：人的位置和照相机景深等。拍涉到的照片会直接输出到一个

建议继续学习：

1. 如何用 JS 实现 3D 赛车效果    (阅读：2632)
2. 翻转吧，界面！－3D UI概述    (阅读：2282)
3. 玩的就是速度－AI的3D效果    (阅读：2082)
4. 在 Unity3D 的 Mono 虚拟机中嵌入 Lua 的一个方案    (阅读：1010)
5. 创造流动的瞬间—探讨移动端交互动效设计    (阅读：896)