使用HTML5编写的游戏可以在智能手机上使用吗?


13

我想编写一个可以在智能手机上玩的游戏,并且想知道HTML5是否可能是一种编写可以在各种智能手机上使用的游戏的方法。

Answers:


17

我刚刚运行了HTML5测试

  • 我的iPod Touch第二代(带有iOS 3.1.3)在Safari中获得了125分和7分(满分300)。游戏开发的特别注意事项:
    • 在画布上加分!非常适合游戏渲染。
    • 支持MPEG-4和H.264格式的视频元素
    • 支持PCM,MP3和AAC格式的音频元素(非常适合bgm和声音!)
    • 支持会话和本地存储,也支持Web SQL数据库!(游戏保存文件?)
    • 支持应用程序缓存;我认为此功能可以让您缓存游戏数据文件(图像等),以加快加载速度。对我来说听起来很棒!
    • 没有WebGL支持。
    • 也没有WebSocket;多人游戏需要使用其他一些功能,例如AJAX轮询。
  • 我的Droid Incredible搭载Android OS 2.1(+ Sense UI),在其内置浏览器中获得151分,而满分为300。再次特别注意:
    • 完整的画布支持
    • 视频元素受支持,但是所有四个编解码器都带有X。我想知道它可以播放什么格式?
    • 音频元素,与视频相同-支持,但格式均带有X。
    • 会话和本地存储以及Web SQL数据库均受支持
    • 支持应用程序缓存
    • 没有WebGL或WebSocket
    • 支持Web worker,而我的iPod不支持Web worker。对于并行运行的事物来说,这些可能在游戏开发中是一件好事-也许是AI?
  • 编辑2011/1/18:“我的Droid Incredible”现在拥有Android 2.2,并在300分中得到176分。Tchalvak(在评论中)与他的Droid 2得分相同,因此对于Android 2.2浏览器来说似乎很常见。我还尝试了Opera Mobile浏览器,该浏览器在300分中获得了72分(没有加分),但是完全支持画布!

如您所见,iPod / iPhone和Android并驾齐驱,似乎支持各种HTML5功能。Canvas非常适合2D浏览器图形,音频元素可能非常适合播放背景声音和音乐,而且看到两个平台都支持存储也很酷(尽管您当然总是可以使用Cookie,具体取决于Cookie的大小)游戏存档)。所以总的来说,我会说你应该去做。数字不是全部。正如wkerslake所说,“这些数字都无法激发信心”,但是如果您仔细研究所支持的内容,似乎就可以满足您的所有需求!

我说去吧!祝你好运。

顺便说一句,您可能要注意Vanthia。这是一个使用画布进行有效绘制的浏览器游戏。我必须玩内测版,而且肯定还会来!开发人员已经说了半年多了,除了他肯定在开发它,只是把事情保密了。

您还可以从Google最近的Pacman交互式徽标中获得一些想法。它不是HTML5,但可以正常使用!它表明您实际上并不需要HTML5来制作浏览器游戏(而且我认为HTML5作为流行语被扔得太多了,就像AJAX过去或现在一样)。有一个github项目,其中包含经过模糊处理,清理后的源代码版本,您可以浏览并使用它。


我的droid 2整体在html5test上获得了176分(满分?)。画布的满分。
卡扎伊2011年

确实,我现在拥有Android 2.2的Droid Incredible也获得了176分,满分为300分。我将在答案中添加它。
Ricket

同时也更新了Vanthia的状态,开发人员几乎保持沉默,但考虑到他辞去了游戏的日常工作,我只能假设他会因为这几天的巨大发布而感到惊讶。我只希望他能对此更加开放。
Ricket

3

甚至在PC上的Web浏览器中,对HTML5的支持要走很长的路,要比手机少得多。

这些数字基于html5test

  • PC上的IE8 = 27/300
  • PC上的Chrome 5.0.375.125 = 197/300
  • PC上的Safari 4.0.4 = 207/300
  • iPhone4上的Safari = 185/300

这些数字都没有激发信心


1
如果与该问题有任何关系,此答案将更有用。
詹森·奥伦多夫

1
我应该更具体一些。我完全看不到IE8与这个问题有什么关系。而且我认为单片html5test总计对您毫无帮助。现在的问题是,部分是否实现对于游戏有什么好处(答案似乎是肯定的),以及是否这些游戏真的可以预期在各种手机(我想是再次)运行。
詹森·奥伦多夫

我对任何与HTML相关的经验是,不同的浏览器总是在做事上稍有不同。即使理论上他们都支持某个功能,他们对功能的支持也可能略有不同。html5test是查看跨平台支持差异的有用指南。只要您坚持使用计划使用的所有浏览器都支持的一小部分选项,那么游戏就可以正常工作。我只是对浏览器没有足够的信心来正确构建和/或维护对这些标准的支持。(请参阅Chrome放弃对H264的现有支持)
wkerslake 2011年

今天:Chrome 10.0.648.205 ... 288点和13奖励。
BerggreenDK

3

似乎有些晚了,但由于时间已经过去,我想提供有关HTML5和移动浏览器情况的最新信息。最近,已经开发了许多游戏引擎,可以生产与HTML5兼容的游戏(请参阅:Construct 2Game Maker Studio)。两者都能产生良好的性能,但是在某些平台上,物理扩展和快速移动的对象存在明显的问题。在性能方面,iOS仍然遥遥领先,但是Android在最新的Chrome版本方面已经走了很长一段路。值得注意的是,Android 上的Dolphin Browser甚至可以使HTML5性能提高100%!您可以在下面看到针对测试进行的快速比较:

在此处输入图片说明

如果您想进行手动优化,这里列出一些很好的建议。而且,随着HTML5游戏变得越来越流行,并在Kongregate和以前的其他Flash独家游戏门户网站上被允许使用-我们没有理由担心再为移动设备编写基于HTML5的游戏。

为了方便在移动设备上使用,还存在一些库,下面列出了几个库:

动力学JS

画架JS

QuarkJS



0

从技术角度来看,这当然是可行的。但是有一些问题/陷阱:

  • 公开的框架并不多,因此您基本上必须从头开始编写所有内容。从渲染器到声音处理,碰撞检测。根据您要执行的操作,这可能需要很多工作。
  • 您必须对JavaScript非常了解。使用此语言时,一些常规的OOP做法将无效。对于拥有大量代码的游戏来说,这可能不是最佳选择:)
  • 不要忘记性能。智能手机远没有典型台式PC的性能。您必须在不同的设备上仔细测试性能。它也可能取决于设备上安装的JavaScript引擎(浏览器)。当然,这不是仅HTML5问题。
  • 尝试减少游戏所需的带宽。移动设备的连接速度往往较慢,有时人们需要为使用的带宽付费。尽可能尝试使用缓存。


0

您可以使用PhoneGap Build

只需上传带有HTML5代码的zip文件,它将为您提供以下应用程序:Android,iOS,winphone,Blackbarry,Symbian ..ecc ..


1
您在这个上有点晚了。;)
Cameron Fredman

@CameronFredman是因为HTML5已在2010年8月完成,还是因为版主已停止关闭类似问题?
2013年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.