浏览器3D的状态：没有Flash的旋转立方体？

Question

截至2011年3月，现代浏览器中3D的当前状态是什么，不包括Flash？

我希望能够在我的浏览器中显示由鼠标控制的旋转立方体。初步搜索可以找到有关Chrome支持WebGL的内容，但是没有明确的支持。

Answer 1

结帐this example。这就是你想要的 - 一个由鼠标控制的旋转立方体。它使用一个名为three.js的框架，它将使用WebGL（如果可用），但也可以回归到2D HTML5画布或SVG，正如我所理解的那样。我指出的例子使用了2d画布。

如果你想要硬件加速的3D，那么你想要的是WebGL，Chrome目前支持它和Firefox 4 Release Candidate。但是对于更简单的3D场景，画布和SVG支持应该足够了。对于不支持WebGL的IE9，canvas and SVG are hardware accelerated。

更新：目前，WebGL受到广泛支持。即使像IE和iOS Safari这样长时间的支持也支持当前版本的WebGL。

Answer 2

如果您不想使用Flash（以及扩展名Silverlight？），那么您可以查看“快速时间”。

我不知道完整的细节，但我看过“电影”，允许一些用户互动 - 比如改变相机的位置。

如果你想要完全互动，那么WebGL似乎是要走的路，但支持是有限的。此外，Chrome最近已经取消了对XP的支持（虽然它可以被覆盖） - 请参阅此Super User question和我的回答。唯一支持此功能的浏览器是Firefox 4和最新的WebKit。

Answer 3

如果您不介意自己进行一些3D计算，可以使用HTML5画布使用当前版本的Chrome，Safari和Firefox绘制线条和像素。