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