2

我刚刚在我的 JavaScript/HTML5 游戏中为我的主要角色精灵实现了移动，除了加载现有用户保存的数据时，一切都很好。

在我的主 JavaScript 文件中，取决于用户是否单击了新游戏按钮或加载游戏按钮，要么加载新游戏，要么通过 PHP 和 Ajax 从数据库加载用户数据。

如果用户点击新游戏，它会运行下面的代码并且玩家移动正常：

 else{
        //set beginning params
        //Change screens
        ui.new_game();

        layer = scene.load("level_"+1);
        layer = $.isArray(layer) ? layer : layer.layers;

        layer.forEach(function(layer){
            if (layer.hasOwnProperty("properties") && layer.properties.hasOwnProperty("collision"))
            {
                scene.collisionLayer(layer);
            }
        });

        gameGUI.set_level(1);
        gameGUI.set_location(20,20);
        gameGUI.init_inv();
        player.init_Player(20,20);
        player.draw();
        last_update = Date.now();

    }

但是如果玩家决定加载他们以前的游戏设置，则运行下面的代码，而不是精灵在画布中流畅地移动，当按下右箭头键时，精灵会消失，然后在右侧某处闪烁然后屏幕再次消失。

function game_settings(state){
    if(state == "load"){

        ui.load_game();

        //do ajax call to load user last save
        var dataString = {"user_data": "true"};
        $.ajax({
           type:"POST",
            url:"PHP/class.ajax.php",
            data: dataString,
            dataType: 'JSON',
            async:false,
            success: function(success) {
                player_details_init(success);

            },
            error: function(){
                alert("ERROR in User data");
            }
        });

        layer = scene.load("level_"+level);
        layer = $.isArray(layer) ? layer : layer.layers;

        layer.forEach(function(layer){
            if (layer.hasOwnProperty("properties") && layer.properties.hasOwnProperty("collision"))
            {
                scene.collisionLayer(layer);
            }
        });
        player.init_Player(location_X,location_Y);
        player.draw();
        last_update = Date.now();

    }

我知道 Ajax 是导致问题的原因，因为当我将它注释掉时，Sprite 会像它应该做的那样移动，唯一的问题是我不知道为什么 Ajax 会导致这种奇怪的行为？

我已将当前版本的游戏上传到HERE，因此如果您愿意，可以亲眼目睹这种奇怪的行为。

登录使用

  • 客人 - 用户名
  • 客人 - 密码

谢谢你的时间

编辑 好的，我已将问题进一步缩小到变量 location_X、location_Y。当我在 playr.init 调用中输入硬编码数字 20、20 时，移动工作正常，但是当我使用 location_X，location_Y 时，如您在示例中看到的，问题仍然如上所示。

我从 Ajax 返回成功时调用的名为 player_details_init 的函数中检索 location_X 和 location_Y。这是该功能：

function player_details_init(success){

    $.each(success, function(key,value){
        if(level == null){
            level = value.level;
        }
        if(location_X == null){
            location_X = value.location_X;
        }
        if(location_Y == null){
            location_Y = value.location_Y;
        }
        //items.push([value.game_item_id, value.quantity]);

        gameGUI.set_level(level);
        gameGUI.set_location(location_X,location_Y);
        gameGUI.init_inv();
    });
}

所以我的猜测是它与此功能有关，尽管当我执行 console.log 时，位置返回正常并且精灵确实出现在它应该没有正确移动的位置

4

1 回答 1

1

从您描述的症状来看，它看起来像location_X并且location_Y是字符串而不是数字。在这种情况下，计算将无法按预期进行（例如，加法将导致串联）。

我建议您在读取 ​​JSON 有效负载时尝试将parseInt()应用于这些值（可能还有其他值）。

于 2013-04-14T08:50:23.483 回答