为 HTML5 画布获取简单 3D 渲染的最快方法是什么？答案

【问题标题】：What is the fastest way to pick up simple 3D rendering for HTML5 canvas?为 HTML5 画布获取简单 3D 渲染的最快方法是什么？
【发布时间】：2012-03-15 23:45:26
【问题描述】：

我在<canvas> 上拥有丰富的 2D 渲染经验，但是有一个项目即将推出，我需要让 3D 对象沿其中心向左旋转（我相信 z 轴）。幸运的是，这就是我需要实现的。该页面将在即将举行的活动中在 iPad 上运行。

除了在 Flash 中使用 Papervision 3D 进行极少的操作外，我没有使用任何 3D 软件/库的经验。

我可以很容易地拿起东西，所以：

是否有任何框架可以用来处理初始工作？
是否有任何包含执行上述代码的开源项目？如果没有，可以参考教程。
如何创建 3D 对象？这与 Papervision 中的 BitmapMaterial 相同吗？

【问题讨论】：

标签： html canvas 3d

【解决方案1】：

Threejs 也可以是一个很好的库。

他们的"getting started" 文章很棒。

【讨论】：

我也用了three.js，非常好用。

【解决方案2】：

例如，有一个GLGE。

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

GLGE 的目的是向 Web 开发人员掩盖 WebGL 的参与性质，然后他们可以花时间为 Web 创建更丰富的内容。

【讨论】：

什么是.obj 文件，我需要什么软件来创建它们？

【解决方案3】：

Three.js 非常棒，只是想把你指向这个 github 仓库

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

Billy Lamberta 撰写了Foundation HTML5 Animation with JavaScript，这是一本教你数学/等的好书。如果您有兴趣更深入地了解，请在后面做这样的事情。

【讨论】：

干杯，这真的很有趣。