为HTML5画布选择简单3D渲染的最快方法是什么?

时间:2012-03-15 23:45:27

标签: html5 canvas 3d

我在<canvas>上有很多2D渲染经验,但有一个项目即将到来,我需要让一个3D物体沿其中心向左旋转(我相信z轴)。幸运的是,这就是我需要实现的一切。该页面将在即将举行的活动中在iPad上运行。

除了在Flash中使用Papervision 3D进行最小限度的游戏外,我对任何3D软件/库都没有经验。

我可以很容易地选择,所以:

  1. 我可以用任何框架来处理最初的东西吗?
  2. 是否有任何开源项目包含执行上述操作的代码?如果没有,那么教程就可以了。
  3. 如何创建3D对象?这与Papervision中的BitmapMaterial相同吗?

3 个答案:

答案 0 :(得分:3)

Threejs也可以成为一个很好的图书馆。

他们的"getting started"文章太棒了。

答案 1 :(得分:1)

例如,有一个GLGE

  

GLGE是一个javascript库,旨在简化WebGL的使用;这基本上是一个本机浏览器javascript API,可直接访问openGL ES2,允许使用硬件加速的2D / 3D应用程序而无需下载任何插件。

     

GLGE的目的是掩盖网络开发人员所涉及的WebGL的本质,然后他可以花费他/她的时间为网络创建更丰富的内容。

答案 2 :(得分:1)

Three.js非常棒,只是想给你指一下这个github回购

http://lamberta.github.com/html5-animation/查看第4部分中的示例。

Billy Lamberta撰写了Foundation HTML5 Animation with JavaScript,这是一本教你数学等的好书。如果你有兴趣深入了解,那就做这样的事情。