如何在多维数组中构造多层2d tilemap？

Question

我正在使用javascript使用webgl渲染引擎开发html5游戏。但就目前而言，我认为最好一般地提出并解释它。

对于2d tilegame，我使用多维数组来构造tile属性的x，y坐标。

这就是我的结构现在的样子： http://pastebin.com/mtLMW8hd

tilemap的循环将循环遍历每个x，y坐标并从layerx属性中绘制图层。

我正在使用瓷砖来绘制瓷砖 ImageId = tilesheet id tileId = tileheet上的tile索引。

以下是我的结构的直观解释：

这些是基于构建多层2d tilemap的问题：

• 使用变量名称/对象属性定义图层或图层数组是否更好？ （ “层”：[{属性：值}，{属性：值}，{属性：值}]
  • 如果我正在使用图层数组，我如何定义第4层而不必定义第1层和第2层？
• 您是否有更好的解决方案（也可以基于性能）？

请使用javascript / json作为示例代码