使用WebGL 3D形状作为2D帆布图像

Question

我正在创建一个2D Canvas游戏，玩家正在降低玩家的立方体。他们的目标是射击或躲闪他们。目前立方体只是2D JavaScript OOP实体。我想要做的是用WebGL 3D立方体替换2D立方体图形。

我的问题是，在2D游戏中使用WebGL的3D图形的最佳方法是什么？我正在寻找类似于Opera的HTML5 Emberwind的东西。他们在2D空间中使用3D图形来创建角色动画，而不是使用图像精灵。

Answer 1

使用three.js（http://mrdoob.github.com/three.js/）可以轻松处理3D图形，并将所有游戏迭代放置在同一个平面上，因此您可以构建所谓的2.5D游戏。

如果您担心IE用户，请使用Canvas渲染器，否则请使用高性能的WebGL渲染器。