跨引擎/场景实例持久化 Babylonjs 纹理缓存

Question

长时间的倾听者，第一次来电者。 我正在 React 应用程序的上下文中开发一个 babylon-js 项目。 为了帮助提高性能，我只想加载一次纹理并在整个场景/引擎处理过程中保留它。 引擎和场景的处理是因为canvas运行的babylon-js在app的所有页面都不存在。 我调查了场景、材质等的序列化，但这似乎不起作用，因为纹理仍会再次加载（尽管现在我使用的是离线提供程序，但来自 indexdb）。 当前运行的假设是在 react vDOM 之外提取 canvas，并在进入或退出 babylon-js 查看器组件时切换其可见性 css。 我的问题是：我错过了什么吗？ 在反应上下文之外提取 canvas 让我觉得是一种反模式

Answer 1

频繁创建和处理 webgl 上下文是一个很大的禁忌，因为它不仅是资源/计算密集型，而且还可能导致其他选项卡丢失上下文，因为浏览器只能提供有限数量的上下文并且资源是异步释放的。 请记住，模式是概念，而不是规则，因此必须根据具体情况进行评估。

所以回答你的问题：不，你没有错过任何东西，最好的解决方案是将 webgl canvas 存储在 reacts vDOM 之外。