HTML5 Canvas Isometric地图深度排序

Question

我对等轴测有问题。我不知道如何命名这个"问题"，但我会向你展示我得到了什么以及我需要得到什么。

我的代码现在绘制的内容如下：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

Answer 1

您需要按最远到最近的顺序对精灵进行排序（因此较近的精灵会渲染到后面的精灵）。

所以。。。

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

Answer 2

我想这就是你想要的，让我知道

我刚刚放弃了你的项目

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