HTML5 Canvas等距地图深度排序

时间:2012-07-20 12:49:13

标签: javascript html5 canvas isometric

我有等距问题。我不知道如何命名这个“问题”,但我会告诉你一些我得到的东西以及我需要得到的东西。

我的代码现在绘制了类似:http://2.bp.blogspot.com/_rqhF_8E1nlA/R59d_PmoREI/AAAAAAAAAGo/3yHpmy55moc/s400/lore2.png

的内容

但我需要画出这样的东西: http://3.bp.blogspot.com/_rqhF_8E1nlA/R59epfmoRFI/AAAAAAAAAGw/cE_o-A0bvm0/s400/lore3.png

我听说这是“深度排序”但它是什么?我怎么能申请我的代码以及我可以在哪里学到这些?

我的代码:http://jsdo.it/keichioor/exU1

2 个答案:

答案 0 :(得分:1)

你需要通过最远到最近的精灵来分类你的精灵(这样更近的精灵会被渲染到后面的精灵上)。

因此...

blocks.sort(function(a, b) {
    return a.z - b.z;
});

答案 1 :(得分:0)

我认为这就是你要找的东西,让我知道

我只是分叉你的项目

http://jsdo.it/EricRobinson/8h4E