0

私は次のフィドルを持っています（ボードを表示するには1をクリックしてください）：http： //jsfiddle.net/mauricederegt/vNpYe/1/

コードのこの部分：

 this.getHTML = function () {
        return '<div class="tile tile' + this.type + '" style="left:' + this.x + 'px; top:' + this.y + 'px"></div>';
    };

次のコードを使用して「チェッカー」ボードを生成します。

var levels = [
    [ //lvl1
        //layer1
        [1, 2, 1],
        [0, 0, 0, 0, 0, 0],
        [2, 1, 2],
        [0, 0, 0, 0, 0, 0],
        [1, 2, 1],
        [0, 0, 0, 0, 0, 0]
        //layer2
        //[0, 3, 4],
        //[0, 0, 0, 0, 0],
        //[0,4,3],
        //[0, 0, 0, 0, 0]
    ],
    [ //lvl2
        [1,2,0,1,2,1],
        [1, 2]
    ]

];

現在、1つのレイヤーがあります。この最初のレイヤーの上にレイヤーを追加したいと思います。基本的に、このボードの上にボードを追加します（後でさらに多くのレイヤーを追加します）。このボードのコードは次のようになります。

//layer2
  [0, 3, 4],
  [0, 0, 0, 0, 0],
  [0, 4, 3],
  [0, 0, 0, 0, 0]

追加のタグ{}に入れようとすると、レベル2に進む前に最初にその間のサイクルが終了しますが、機能させることができませんでした。z-indexで少し遊んだのですが、運が悪かったです。

4

1 に答える 1

1

レベル1のレイヤーはすべて同じ「レベル」にあることに注意してください...

以下の修正バージョンを参照してください。

var levels = [
    [ //level one
        [//layer one of level one
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0],
            [2, 1, 2],
            [0, 0, 0, 0, 0, 0],
            [1, 2, 1],
            [0, 0, 0, 0, 0, 0]
        ],
        [ //layer one of level one
           [0, 3, 4],
           [0, 0, 0, 0, 0],
           [0,4,3],
           [0, 0, 0, 0, 0]
        ]
    ],
    [ //level two
        [//layer one of level two
            [1,2,0,1,2,1],
            [1, 2]
        ]
    ]

];
于 2013-03-11T11:33:45.513 に答える