Three.js:解释renderer.info.render输出

我正在看一个Google Arts的实验[]，它使用WebGL+GLSL在浏览器中渲染许多图像。但是，这个场景包括1167858个顶点和389286个四边形面，这相当于每个四边形面有3个顶点，这让我感到困惑（如果我们在本页控制台中运行

renderer.info.render

，我们就会看到这些数字）

我的问题是：在GLSL中，如果顶点数少于4个，如何构建或表示四边形面？我非常感谢其他人对这个问题提出的任何建议

---

更一般地说，有没有工具可以用来调查给定页面使用顶点、面和纹理的方式？我希望能够真正研究上述链接页面尽可能彻底，所以任何工具，可以帮助这项任务将是非常有帮助的

renderer.info.render不一定100%准确。由于统计数据收集一直处于启用状态，因此它只能以最小的开销收集统计数据。。因此，对任何不一致之处都要一视同仁。该演示还使用InstancedBufferGeometry。几何体实例化的工作方式与经典渲染不同。。因为顶点流仅用于参数化矩形的每个实例。。因此，这3个顶点可能用于导出矩形的宽度/高度/uv坐标和位置

---

总之，可以使用实例化来实例化一组矩形，只需指定使其不同的参数即可。。i、 e.定位/特克斯坐标/缩放等。

对工具的请求被视为离题<代码>4。要求我们推荐或查找书籍、工具、软件库、教程或其他非现场资源的问题对于堆栈溢出来说是离题的，因为它们往往会吸引自以为是的答案和垃圾邮件。相反，请描述问题以及迄今为止为解决该问题所做的工作。--Chrome和Firefox都有易于找到的调试着色器的工具/扩展，而且它们都工作得比较好。你的问题毫无意义。在OpenGL中，“面”是“三角形”的同义词。有三个顶点。@duhaime:我不明白。您说过，

renderer.info.render

显示顶点和面之间的比例为3:1。这是你应该看到的。你为什么不相信它？你有没有想过读一本关于图形的书？这并不是非常好的质量，它已经很可怕了，但在这种情况下，你似乎会劫持所有的问题，如果有的话，它们可能没有什么意义。

我的问题是：在GLSL中，一个人如何能够构建或表示一个少于4个顶点的面？

非常感谢。我在找一本好的InstancedBufferGeometry初学者指南——你知道吗？谢谢！我最终从这个伟大的存储库学习了一些基本知识：