PIXI.js 有 Container#cacheAsBitmap
导致容器将自身“渲染”为图像,保存它,渲染图像而不是它的子图像,当一个子图像被添加、删除或更新时, 缓存被更新。
Three.js 的替代方案是什么(但不是图像而是网格)?
最佳答案
我可能没有正确理解您的问题,但您对 Sabee 的回答很有帮助。听起来您正在寻求将多个几何体合并到一个网格中或实现一种模型实例化形式,以减少绘制调用。
根据您的要求,有多种方法可以实现这一点。您可以将多个几何体合并为一个几何对象,并提供一种 Material 或一组 Material (其中每个索引对应于合并的几何体之一)。您还可以使用 GPU 加速实例化来实现类似的效果,仅需一个几何体副本。
我将引用 Dusan Bosnjak 关于实例化的优秀 Medium 系列,该系列从这里开始:https://medium.com/@pailhead011/instancing-with-three-js-36b4b62bc127
此外,这里是关于实例化的 three.js 示例:https://threejs.org/examples/?q=instanc#webgl_buffergeometry_instancing_dynamic
关于caching - Three.js 中的缓存场景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56930839/