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

时间:2011-11-30 03:37:12

标签: html5 canvas html5-canvas webgl html5-animation

我正在创建一个2D Canvas游戏,其中的多维数据集会降低玩家的数量。他们的目标是射击或躲闪他们。现在,立方体只是2D JavaScript OOP实体。我想要做的是用WebGL 3D立方体替换2D立方体图形。

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

1 个答案:

答案 0 :(得分:4)

使用three.js(http://mrdoob.github.com/three.js/)轻松处理3D图形,并将所有游戏迭代放在同一平面上,这样您就可以构建一个所谓的2.5D游戏。

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