如何构建HTML5游戏

时间:2010-09-30 13:11:25

标签: jquery html5

我的任务是为一个非营利组织使用HTML5为6-10岁儿童建立一个教育游戏。我使用HTML5 / CSS3 / jQuery构建了一个新网站,但没有构建游戏的经验。该项目必须在大约2个月内完成。

这里的专家提出几个问题:

  • 这可以在2个月内完成吗?
  • 我需要在这两个月内全职完成吗?从未做过游戏,我不确定会涉及到什么。
  • 那里有HTML5 / JS游戏引擎会让这更容易吗?

您对此有任何其他想法将不胜感激。感谢。

更新:我们希望通过Safari在iPhone / iPad上运行这款游戏;换句话说,让它检测手势。

6 个答案:

答案 0 :(得分:8)

这个问题的答案在很大程度上取决于游戏是否已经设计,以及这个游戏有多复杂。有一些比赛由3或4人组成的团队在一个(不眠之夜)周末完成游戏(设计,图形,声音,游戏和所有游戏)。它们在这一点上通常不是很复杂,但它们无论如何都是完整的游戏。

另一方面,参加这些比赛的人主要是知道自己在做什么的人。他们有一个致力于声音的人,一个致力于图形的人,以及至少一个致力于编程的人。如果您不知道自己在做什么(通过缺乏设计或缺乏经验),那么这会增加时间,而且时间可能很长。

鉴于这种背景,我相信你可以在两个月内完成,而且你不需要全职完成它,尽管你可能需要将大部分时间用于项目。这有几个原因:

  • 教育游戏通常很简单
  • 该年龄段的游戏通常非常简单
  • 高水平的图形似乎没必要
  • 教育游戏有一个特定的目标,因此不太容易受到过度设计的影响
  • 您有使用HTML5的经验

现在,最后一点可能有效,或者不可能。例如,如果您需要使用<canvas>,而您之前没有,则可能遇到麻烦。

否则,根据给出的信息,并假设在游戏设计方面有一些方向,我认为你的状态很好。

祝你好运!

答案 1 :(得分:5)

我和我儿子(8岁)一起制作jQuery游戏并分享来源。 “引擎”与游戏特定代码分开并且更好:简单的风格你根本不需要编码;只需用带有一些类和参数的div-s编写html页面。游戏/应用程序可在线或离线工作(本地html文件和资产)。

此时项目有限制;需要现代台式PC(对平板电脑或慢速,旧机器)和铬/铬浏览器。也许有一天我(或某人)会优化代码并添加其他浏览器支持。

项目是公共领域: livingHtml2D enginejMachinarium exploration/puzzle game

(观看引擎演示#1,#2)。

快乐的实验:)

答案 2 :(得分:2)

查看我们的HTML5游戏引擎Construct 2 the HTML5 Game Maker

它可能非常适合您,它使没有和以前经验的人能够快速开发HTML5游戏。

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

答案 3 :(得分:1)

原始Scrabb.ly是使用HTML5在48小时内为Node.js knockout构建的(与许多其他游戏一样)。是的,这是非常可行的。

这款游戏的要求是什么?我们是在谈论pac-man类型的游戏吗,Mario Bros,Halo到达(lol)。

其他人(@ryan kinal)刚好回答了这个问题。所以我将按原样留下这个答案。

祝你好运!

答案 4 :(得分:1)

作为Ryan优秀答案的后续内容,如果您坚持使用HTML5以及随之而来的好东西,我无法强调对您来说有多重要。但请注意。人们经常评论说,HTML5将我们带回了1995年的图形理想。做好准备。

答案 5 :(得分:1)

我是使用HTML5 Canvas实现的俄罗斯方块游戏代码的作者:http://htmltetris.com

我在课间学习了大约一个月。这显然取决于您正在进行的游戏的复杂程度。俄罗斯方块是一种在内容生成方面特别友好的游戏,其中简单的随机数生成器能够提供无限的“级别”。

尽管用于渲染和平移正方形的画布选择不佳(CSS3变换是这样做的明确解决方案),但它在我测试的所有iOS设备上运行可接受,并且在iPhone 5上似乎每秒推动60帧。

我绝对认为HTML5是构建游戏的合法平台。 Javascript非常友好。