Question

我正在制作HTML5游戏，我正在使用matriz来存储地图。但现在我使用$ getJson通过json文件读取这些值并且它可以工作，但问题是当通过Web检查器更改我的矩阵的值时，地图会发生变化，但是当我直接在代码上调用该函数时错误：

game.js:51TypeError: 'undefined' is not an object (evaluating 'levels.Level1')

第51行：mapa.loadMap(levels.Level1.board);

为什么只有在Web检查器上调用函数“mapa.loadMap（levels.Level1.board）”时才有效？

function map(){

    this.loadMap = function (l){
    var j= 0;
    for (var i = 0; i < l.length; i++) {
    var object = l[i];
    for (property in object) {
        var value = object[property];
        this.board[j][property] = value;
    }
    j++;
    }
    }

    this.width = 10;
    this.height = 8;
    this.image = new Image();
    this.image.src = "images/level1/tiles.png";

    this.board = [  [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 2],
            [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],
            [8, 0, 0, 0, 33, 1, 1, 1, 1, 1],
            [8, 0, 0, 0, 0, 0, 0, 37, 0, 0],
            [25, 26, 0, 0, 0, 0, 0, 38, 0, 0],
            [27, 28, 5, 5, 6, 7, 0, 38, 0, 0],
            [1, 1, 1, 1, 1, 9, 5, 39, 5, 5],
                    ];

   (...)

忘掉那个XD

我的代码很乱，因为它是一个草图，但我解决了：

$(document).ready(function(){
    init();

});

$(window).load(function () {
    console.log(levels.Level1.board);
    mapa = new map();  
    render();  
});

感谢您的帮助:) 抱歉我的英文XD

Answer 1

$(document).ready(function(){
    init();

});

$(window).load(function () {
    console.log(levels.Level1.board);
    mapa = new map();  
    render();  
});

Canvas游戏Json功能仅适用于Web检查器

1 个答案: