Question

我正在尝试使用Phaser和Phonegap创建游戏，但是当我启动应用程序时，Android设备上的屏幕显示为空白，但它应该在屏幕的左上角显示一个星形精灵。我的代码出了什么问题？

我认为这是屏幕宽度和高度的问题。当我将屏幕的宽度和高度更改为window.screen.width/height时，星形出现在正确的位置，但是当我将精灵的x或y位置更改为大于10的任何位置时，它就会消失。（0,99个作品，9,90它消失了。）

的index.html：

<!DOCTYPE html>
<html>

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width" />
        <link rel="stylesheet" type="text/css" href="css/index.css" />
        <title>Hello World</title>
        <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
        <script src="js/jquery-1.11.1.min.js"></script>
        <script src="js/jquery.mobile-1.4.5.min.js"></script>

        <script type="text/javascript" src="js/phaser.min.js"></script>
    </head>

    <body>
        <script type="text/javascript" src="cordova.js"></script>
        <script type="text/javascript" src="js/index.js"></script>
        <script type="text/javascript">
        initialize();
        </script>
    </body>
</html>

index.js：

var game;
function initialize() {
    document.addEventListener('deviceready', onDeviceReady, false);
}

function onDeviceReady() {
    game = new Phaser.Game(800, 600, Phaser.AUTO, '', { preload: preload, create: create, update: update });
}

function preload() {
    game.load.image('star', 'img/star.png');
}

function create() {
    game.add.sprite(0, 0, 'star');
}

function update() {

}

Phaser在移动设备上显示空白屏幕

0 个答案: