在Processing.js上绘制图像时如何使用Z-Buffer？

Question

如何在Processing.js上使用Z-Buffer，以便在绘制图像时设置图像的深度？

---

问题：对象的绘制顺序不正确。我尝试过：我在每个绘制框架中对所有对象进行排序以获得正确的结果，但JavaScript的排序在几乎排序的数组上表现不佳，因此它既浪费又是瓶颈。使用z缓冲区可能是一种解决方案。无法在docs上找到它，也无法使用Google搜索“z-index”，“depth”，“z-buffer”和“depth-buffer”。

Answer 1

这些讨论可能对您有所帮助：HTML5 Canvas set z-index，How can I control z-index of canvas objects?。

您应首先在后面绘制对象，最后绘制前面的对象。 Processing.js使用HTML5 Canvas，它没有z-index的概念。