使用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渲染器。