2013-05-06 105 views
0

我正在使用http://canvasengine.net/进行网页游戏。画布引擎:绘制等轴测图

我试图从我用软件http://www.mapeditor.org/创建的JSON文件生成等轴测图。

引擎和软件是兼容的。

所以,我有这样一个JSON文件:

{ "height":5, 
"layers":[ 
     { 
     "data":[1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1, 1], 
     "height":5, 
     "name":"Calque de Tile 1", 
     "opacity":1, 
     "type":"tilelayer", 
     "visible":true, 
     "width":5, 
     "x":0, 
     "y":0 
     }], 
"orientation":"isometric", 
"properties": 
    { 

    }, 
"tileheight":41, 
"tilesets":[ 
     { 
     "firstgid":1, 
     "image":"..\/..\/..\/wamp\/www\/Symfony\/src\/Dontdie\/MapBundle\/Resources\/public\/images\/herbe.png", 
     "imageheight":41, 
     "imagewidth":82, 
     "margin":0, 
     "name":"herbe", 
     "properties": 
      { 

      }, 
     "spacing":0, 
     "tileheight":41, 
     "tilewidth":82 
     }], 
"tilewidth":82, 
"version":1, 
"width":5 
} 

后,我包括的js文件与canvasengine:

var url = "{{ asset('bundles/dontdiemap_temp/images/map.json') }}"; 
    var canvas = CE.defines("canvas_id"). 
     extend(Tiled). 
     ready(function() { 
      canvas.Scene.call("MyScene"); 
     }); 

    canvas.Scene.new({ 
     name: "MyScene", 
     materials: { 
      images: { 
       herbe: "{{ asset('bundles/dontdiemap_temp/images/herbe.png') }}" 
      } 
     }, 
     ready: function(stage) { 
      var el = this.createElement(); 
      var tiled = canvas.Tiled.new(); 
      tiled.load(this, el, url); 
      tiled.ready(function() { 
       var tile_w = this.getTileWidth(), 
        tile_h = this.getTileHeight(), 
        layer_object = this.getLayerObject(); 
       stage.append(el); 
      }); 

     } 
    }); 

而现在,我有一个问题。 Lokk因为这屏幕:

Screen off my map

瓷砖不要堆放,因为它应该在等距但就像一个2D法线贴图。

你有什么想法吗?谢谢 !

回答