如何构建HTML5游戏

Question

我的任务是为6-10岁的儿童制作一个教育游戏，使用HTML5为一个非营利组织服务。我使用HTML5 5/CSS3 3/jQuery构建了一个新站点，但没有构建游戏的经验。这项工程须在约两个月内完成。

在此向专家们提出几个问题：

• 这两个月后可以做到吗？
• 我是否需要在这两个月里全职完成它？我从来没有做过一场比赛，所以我不确定会涉及到什么。
• 有没有HTML5 5/JS游戏引擎可以让这更容易呢？

如果你对此有任何其他的想法，我们将不胜感激。谢谢。

更新:我们希望这个游戏通过Safari在iPhone/iPad上运行良好；换句话说，让它检测手势。

Answer 1

这个问题的答案在很大程度上取决于游戏是否已经设计完成，以及这个游戏有多复杂。在比赛中，3到4个人在周末(不眠之夜)完成一个游戏(设计，图形，声音，游戏游戏等等)。他们一般都不是很复杂，但他们无论如何都是一个完整的游戏。

另一方面，参加这些比赛的人大多是知道自己在做什么的人。他们有一个致力于声音的人，一个致力于图形的人，和至少一个致力于编程的人。如果你不知道你在用这些东西做什么(要么是因为缺乏设计，要么是缺乏经验)，那么这就增加了时间，而且时间可能是很重要的。

在这样的背景下，我相信你在两个月内就有可能完成它，而且你不需要全职去完成它，尽管你可能需要把你的大部分时间花在这个项目上。造成这种情况的原因有几个：

• 教育游戏一般都很简单
• 这个年龄段的游戏一般都很简单。
• 高水平的图形似乎是不必要的。
• 教育游戏有一个特定的目标，因此不容易受到过度设计的影响。
• 您有使用HTML5的经验

现在，最后一点可能是正确的，也可能是不成立的。例如，如果您需要使用<canvas>，而且您以前没有使用过，那么您可能会遇到麻烦。

否则，在给定信息的前提下，假设游戏的设计有一定的方向，我认为你的状态很好。

祝好运!

Answer 2

我和我的儿子(8岁)一起制作jQuery游戏，并分享这个来源。"Engine“与特定于游戏的代码相分离，更好的是:在简单的scenarious中，您根本不需要编写代码；只需编写带有类和参数的div-s的html页面即可。游戏/应用程序在线或脱机工作(本地html文件和资产)。

目前，该项目存在局限性:需要现代桌面PC (vs平板电脑或慢、旧机器)和铬/铬浏览器。也许有一天我(或某人)优化代码并添加其他浏览器支持。

项目是公共领域：livingHtml2D引擎，jMachinarium探索/拼图游戏

(同时观看引擎演示#1，#2 )。

快乐的实验:)

Answer 3

看看我们的HTML5游戏引擎构造2 HTML5游戏制造者

它可能是一个很好的适合你，它使人们没有和先前的经验，以迅速发展HTML5游戏。

总是很难估计项目的完成时间。这取决于这么多因素！