如何用画布制作 3d 墙答案

【问题标题】：How to make 3d wall with canvas如何用画布制作 3d 墙
【发布时间】：2013-08-18 19:29:59
【问题描述】：

我想用 HTML5 和画布制作 3D 墙效果 (http://www.flashloaded.com/flashcomponents/3dwall/)。有什么建议吗？

谢谢

【问题讨论】：

在文本编辑器中输入您的代码并将其保存为 .js 文件。当您需要更多建议时，请随时提出具体问题。很高兴能提供帮助。

标签： html5-canvas

【解决方案1】：

如果没有直接的 gpu 访问，这将不可能实时实现。但是你可以看看 WebGL。那是 OpenGL 的 JavaScript 实现。它不会在 IE 10 及更早版本中运行，但在大多数其他浏览器中。

【讨论】：

3D 效果很简单，真的不需要 GPU 来处理。
但是编写这些 3d 效果真的很难（另见link）。我认为使用 WebGL 会更容易。

【解决方案2】：

famo.us 看起来可以使用 HTML5 完成您想做的事情，但无需使用 canvas 或 WebGL。我知道你指定了画布，但实际上这只是达到目的的一种手段。访问 famo.us 网站并探索以查看显示为墙壁、球体或螺旋等形式的元素周期表。不幸的是，他们还没有准备好发布他们的代码。目前只有缩小的代码可用，这不容易理解。但是，如果您能够等待一段时间，直到他们准备好，那可能就是要走的路。如果您选择了 WebGL 路线并且想要以 IE 为目标，那么无论如何您都必须等待，以获得完整的 IE WebGL 支持。

【讨论】：