caching - Three.js 中的缓存场景

标签 caching three.js

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/

相关文章:

c++ - 没有意义的 CPU 测量(缓存未命中/命中)

html - Chrome 和 Safari 缓存 302 重定向

绕过缓存的 HTML 链接?

javascript - Three.js - 编辑平面几何图形

three.js - 如何用三个js绘制一个沿x轴的圆柱体?

wordpress - 如何在 Apache 上使用 Wordpress 控制 Cache-Control header ?

javascript - 全局 JQuery 选择器缓存以提高性能

javascript - 你能在 three.js 中提供一个作为纹理加载的图像作为另一个纹理 mipmap 吗?

javascript - qgis2thirdjs导出3D map 代码修改后出现空白页

canvas - 在初始加载时将 3D 对象(Collada 文件)放入 Three.JS Canvas