在上一篇的HTML5游戏开发实践之HTML5框架的使用(一)中我们开头提到了跨平台开发,众所周知跨平台特性是HTML5与身俱来的, 常常只需付出少量的额外工作便可做到。然而, 在实际工作中有几个你需要认真考虑的事情...
首先也是最重要的, 屏幕尺寸可能在不同设备中区别很大。如果想让你的HTML5游戏在移动设备上运行良好,你要么确保它们支持多个分辨率,要么不超过WVGA框架大小800x480。
纵然这样,既然大多数移动设备缺乏一次渲染整个网页的能力, 采用先进的缩放和平移技术编写游戏可能会适得其反。这可以通过viewport标记关闭.下面的代码片段將使游戏窗口占满可用的横向屏幕。设置属性"user-scaleable"为"no"告知手机浏览器禁用平移, 否则常常会导致手指控制游戏的冲突。
<meta name="Viewport"
content="width=device-width; user-scaleable=no; initial-scale=1.0"
/>
就算游戏在小屏幕设备上渲染没问题, 你也应该停下来思考一下输入问题。大多数仅支持触摸式的设备拥有个虚拟键盘,他们可能会占用太多屏幕空间来控制游戏角色。如果严格的触摸式输入出了问题, 你应该创建一个受限的虚拟键盘,仅仅创建游戏需要的按钮(如方向键)。然而,最好的做法是控制你的游戏,不需要额外的屏幕元素。一个很好的例子是Spy Chase游戏,你用一个手指控制自动车(一些你不可能在实际生活中尝试的东西)。想要了解HTML5游戏开发更多请关注H5edu官网、微信等平台。