Javascript 画布引擎:绘制等轴测贴图
我用的是网络游戏 我试图从我用软件创建的JSON文件生成一个等距图 引擎和软件是兼容的 因此,我有一个json文件,如:Javascript 画布引擎:绘制等轴测贴图,javascript,canvas,Javascript,Canvas,我用的是网络游戏 我试图从我用软件创建的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",
{ "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
}
之后,我使用canvasengine将此文件包含在Js中:
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作为此屏幕:
在等轴测中,平铺不会按应有的方式堆叠,但与二维法线贴图类似
你有什么想法吗??谢谢 以下是您的答案:
Tiled.js扩展不支持等轴测贴图。你必须从头开始翻译:(