如何在Processing.js上绘制图像时使用Z-Buffer
How to use the Z-Buffer when drawing images on Processing.js?
如何在Processing.js上使用Z-Buffer，以便在绘制图像时设置图像的深度？
问题是：对象的绘制顺序不正确。我尝试过的是：我在每个绘制帧对所有对象进行排序，以获得正确的结果，但JavaScript的排序在几乎排序的数组上表现不佳，因此这既是浪费也是瓶颈。使用z缓冲区可能是一种解决方案。在文档中找不到它，也无法在谷歌上搜索"z索引"、"深度"、"z缓冲区"answers"深度缓冲区"。
这些讨论可能会对您有所帮助：HTML5画布集z索引，如何控制画布对象的z索引？。
你应该先画后面的对象，最后画前面的对象。Processing.js使用HTML5 Canvas，它没有z索引的概念。
相关文章：
- 如何使用url加载程序在webpack中导入多个图像
- nodejs-expressjs上传图像并显示它们
- 使用JSP从服务器检索和显示图像
- 角度:在ng重复上切换图像
- 画廊图像未显示
- Phonegap-(安卓/iphone）多个图像的图像库出现问题
- Javascript排序的图像弹出窗口..可以't单独弹出
- 画布数据到图像
- Windows8应用程序(html&Javascript）:从图片库(除了文件选择器）显示图像的另一种方式
- Node.js's Buffer.writeFloatBE in Javascript
- 使图像在单击时展开到不大于浏览器
- Html页面上的多个Base64图像和平滑加载
- UIAutomation放大图像
- 使用javascript在Flash中加载外部图像
- 可以在这里为背景图像设置滤镜吗
- 当图像转换为本地存储的DataURL时，EXIF被删除
- 使用 js 将背景图像设置为 HTML
- Javascript将图像src更改为淡入淡出
- 无法在本地计算机中将画布另存为图像
- 如何在Processing.js上绘制图像时使用Z-Buffer
