思洋互动网站建设学前班

建议2：将小屏幕和触屏设备考虑在内

HTML5最大的卖点之一就是它既能在桌面PC上使用，也能在笔记本电脑、平板设备甚至是智能手机上运行。（这里有IE9在Windows Phone 7 Mango上的运行效果演示）。

HTML5与生俱来就具备了跨平台的特性，通常为开发者节省了很多工作。然而，有些事情是需要开发者考虑的…
广州网站建设,网站建设,广州网页设计,广州网站设计

SpyChase在Windows Phone 7 Mango上的运行效果

首先也是最重要的一点，不同的设备屏幕的尺寸也有所不同，屏幕的宽高比以及分辨率可能有很大的差别。如果想让你的HTML5在移动设备上拥有良好的效果，确保它支持多种分辨率并且不超过WVGA的800×480框架大小。此外，由于大多数的移动设备无法在一个屏幕上显示所有的页面内容，他们常常采用精确的缩放和平移技术，而这些技术通常并不适用于游戏的编写。可以在编程的时候使用viewport meta标志禁用这些功能。下面的代码片段可以用来使你的游戏视图根据屏幕的实际水平宽度自动调节。移动浏览器上的缩放功能常常与触控游戏控制功能产生冲突，可以将“user-scaleable”参数设置为“no”，从而禁用浏览器的缩放功能。
广州网站建设,网站建设,广州网页设计,广州网站设计

1. <meta name="Viewport"   
2. content="width=device-width"; user-scaleable=no; initial-scale=1.0 /> 

现在你已经能够将你的游戏视图很好地呈现在小屏幕设备上了，接下来就该考虑如何处理用户输入的问题了。大多数触屏设备都有一个虚拟键盘，但是在玩游戏的时候显示一个虚拟键盘实在太浪费空间了。你应该开发一个有限的虚拟键盘，只提供游戏中使用到的按键（比如箭头）。当然，最好是尽可能在游戏中不需要使用额外的元素。Spy Chase在这方面做得很好，用户只用一个手指就能控制游戏中的汽车了。