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

Question

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

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

所以我有几个问题需要澄清。

1. 我已经为上述游戏创建了一个构建版本，它在模拟器中运行。但是模拟器中的射击游戏非常慢。我不知道如何解决这个问题。但是在浏览器中同样的工作正常。

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

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">

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

请就此提出建议，使其适合所有屏幕尺寸。

谢谢。

Answer 1

1) 在 AndroidManifest.xml 中设置 hardwareAccelerated 为 true

android:hardwareAccelerated="true"

2) 使用主机 GPU 启动模拟器

3)Improving the Performance of Phonegagap app

4) Improving the Performance of your HTML5 App

5)scale fit for mobile view