如何为移动应用程序优化HTML 5游戏?

时间:2013-08-22 05:17:01

标签: android html5 cordova responsive-design

我正在尝试使用Cordova(http://cordova.apache.org/)优化以下针对移动设备的HTML5游戏。

http://percsich.hu/TululooGames/skeet/index.html

所以我的澄清问题很少。

  1. 我为上面的游戏创建了一个版本,它正在模拟器中运行。但是模拟器中的射击游戏非常慢。我不知道如何解决这个问题。但是在浏览器中也是如此。

  2. 另一个重要的是屏幕尺寸。游戏不适合模拟器屏幕大小。我添加了下面的元标记

  3. meta name =“viewport”content =“initial-scale = 1.0,maximum-scale = 1.0,user-scalable = 0,width = device-width,height = device-height”

    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=0, width=device-width, height=device-height">
    

    但它不适合模拟器屏幕。我只能在模拟器中看到屏幕的一半。

    请在此建议,以便它适合所有屏幕尺寸。

    感谢。

1 个答案:

答案 0 :(得分:0)

1)在AndroidManifest.xml中设置hardwareAccelerated true

android:hardwareAccelerated="true"

2)使用主机GPU enter image description here

启动仿真器

3)Improving the Performance of Phonegagap app

4)Improving the Performance of your HTML5 App

5)scale fit for mobile view