提示 2:考虑小屏幕和触摸屏设备
HTML5 的最大卖点之一是它适用于台式电脑以及笔记本电脑、平板电脑甚至智能手机。 (这里演示了IE9在WindowsPhone7Mango上运行的功效)。
HTML5 本质上是跨平台的,这通常可以为开发人员节省大量工作。 然而,开发者需要考虑一些事情......
在 WindowsPhone7Mango 上运行 SpyChase 的功效
首先也是最重要的一点是,不同设备的屏幕规格也不同,屏幕的长宽比和帧率可能会有很大差距。 如果你想让你的HTML5在联通设备上有好的效果,请确保它支持多种帧率,并且不超过WVGA的800×480帧大小。 据悉,由于大多数联通设备无法在一屏上显示所有页面内容手机html5效果,因此往往采用精确的缩放和平移技术,一般不适合游戏编辑。 可以使用 viewportmeta 标志以编程方式禁用此功能。 以下代码片段可用于根据屏幕的实际水平长度手动调整游戏视图。 中国联通浏览器上的缩放功能经常与触摸游戏控制功能发生冲突。 您可以将“user-scaleable”参数设置为“no”,从而禁用浏览器的缩放功能。
现在您可以在小屏幕设备上很好地渲染游戏视图,是时候考虑如何处理用户输入了。 大多数触摸屏设备都有虚拟按钮,在玩游戏时显示虚拟按钮会浪费空间。 您应该开发一组有限的虚拟按键,仅提供游戏中使用的按键(例如箭头)。 事实上,游戏中最好尽量不要使用额外的元素。 SpyChase在这方面就做得很好手机html5效果,用户只需用一个脚趾就可以控制游戏中的车辆。