在没有图形技能的情况下启动HTML画布游戏

Question

我想做一些业余游戏开发，但我有一些不幸的障碍，使我陷入优柔寡断；我没有艺术天赋，我也没有3D图形的经验。但这只是一个爱好项目，可能不会去任何地方，所以我想开发我关心的东西；如果游戏显示出良好的潜力，我的图形“存根”可以被更复杂的东西取代。然而，我确实想让我的图形引擎呈现出接近最终目标的东西。

游戏是以瓷砖为基础的，每个瓷砖都是一个正方形.每个瓷砖也有一个高度。我的目标平台(需要修改)是将JavaScript呈现到HTML5画布上，使用2D或WebGL上下文。

对于那些有游戏开发经验的人来说，我的问题是使用2D图形引擎和精灵开发等距游戏还是使用基本的3D原语和基本纹理开发3D游戏更容易？我意识到等距投影是有局限性的，但是如果它能使我的丢弃图形引擎更容易开发，我就可以接受将要引入的视觉缺陷。还是用真正的3D引擎来代表一个3D世界更容易呢？

Answer 1

一般来说，2D和伪3D (例如等距和其他轴测投影)在很多方面都比3D容易得多。

首先，3D游戏逻辑要比2D复杂得多--很多简单的技术，比如碰撞检测和物理技术，在3D中根本不起作用，即使是那些这样的技术，将你的头脑围绕在3D中发生的事情也要困难得多。(毕竟，我们人类是为生活在相对平坦的表面上而建造的，因此我们的大脑天生就是2.5D)。

另一个问题是3D艺术品要复杂得多。使用2D图形，您只需要考虑一个观点；如果您的精灵在编辑器中看起来很好，那么它在游戏中就会很好看。在3D中，你通常使用网格模型，它们是动态阴影的，视点和光的方向几乎可以是任何东西。你的模型仍然需要在任何时候看起来都很有说服力，这使得创建它们比2D精灵更困难。

此外，还有网络的技术限制：

• WebGL还不是普遍可用的；让它运行在某些平台上需要相当多的黑魔法，而且即使它确实工作，性能特性也是非常不可靠的。相比之下，2D画布在最近的任何浏览器和操作系统上都是不受欢迎的。在2D画布上做3D图形，虽然是完全可能的，但需要相当大的技巧才能得到正确的部分遮挡(要么自己裁剪多边形，要么使用次优的Painter算法)，而纹理原语几乎是不可能的。你还得自己写所有的照明代码。然而，典型的等距图形引擎在2D画布上是完全可行的。
• Javascript是单线程的，并不是为了提供精确的低粒度定时，而这是平滑图形所需要的。动画流畅性中的Hickup在2D游戏中比在3D游戏中可容忍得多，除非3D场景大部分是静态的，并且不涉及移动相机。

Answer 2

这是一个极迟的答案，但如果你最近还在做类似的事情.

一直都是精灵！我在3D图形领域工作了很长时间，这很复杂。研究总是在改变，游戏引擎会达到疯狂的高度，等等。你可能会花上几个月的时间来学习如何实现最新的效果和着色器，例如，刚开始的时候用骨头动画角色可能需要相当长的时间，从设计场景图和运动层次结构到IK求解器。

三维建模也很费时。有时它可以更快，如果你是去一个非常块状的三维外观或什么，因为你只是做一个简单的模型，而不需要绘制所有的个别框架。不过，如果你想制作一个复杂纹理的精细3D模型，光是UV绘图、绘画、索具/剥皮(如果是一个角色的话)的过程，可能要比你在十几张雪碧纸上辛苦地工作所花的时间还要长。

等距确实有点棘手--很难画出等距图形.下面我会讲到那个。

我没有艺术天赋，也没有使用三维图形...的经验。

复古风格如何？它正在复苏。我指的是非常粗壮的像素艺术，像这样：

这是一个古老的时尚风格，这种风格实际上可以作为一个商业印地游戏。

游戏是以瓷砖为基础的，每个瓷砖都是一个正方形.每个瓷砖也有一个高度。

一定要是等距的吗？等距图形真的很难绘制。很久以前，我就做过像素艺术(不是作为艺术家，就像饥饿的indy gamedev那样)，而等距是如此的难。我缺乏艺术技巧，因为我不能正确地以透视的方式画东西，所以我在那里表现得最多的就是那种视角。

在上面的截图中更容易使用傻乎乎的透视图，或者更适合你的自上而下的视图。如果标高的概念在视觉上并不是绝对重要的，比如在战术RPG或战略游戏中，那么您可以使用不同方式表示这种概念的瓷砖。示例：

..。如果这是一个基于转弯的游戏，你可以使用这种带山林和不同海拔的砖瓦视图。它并不能在视觉上直接传达海拔的概念，但如果这样做并不重要，这将帮助你更多地关注游戏，而且这种风格在网络和移动环境中仍然很流行。

至少我曾经像上面这个游戏一样画精灵和瓷砖，这仍然很费时。等距会吞噬我所有的时间，尽管我仍然认为2D更容易。如果标高概念在视觉上是至关重要的，那么和一个艺术家的伙伴勾搭起来也许会有帮助，就像在这个游戏中：

Answer 3

在HTML画布中，基于2D等距精灵的游戏比3D游戏简单得多。