javascript - Webgl 上下文丢失且未恢复

Question

我遇到了 webgl 上下文丢失/恢复的问题。

我的应用程序非常繁重，包含大量信息、图表、列表……和 map 。

在 map 中，我使用 webGL 以获得最佳性能。我的代码正在处理上下文丢失和正确恢复。

我正在开始一个大操作，导致从服务器加载数据，解析它，...这有时会使浏览器失去我的 webgl 上下文。问题是上下文永远不会恢复。当我再次执行这个大操作时，我得到了恢复事件。

在我看来，这与内存和垃圾收集器释放时间有关。

但我真的不知道该怎么做，以及如何解决这个问题。

Answer 1

处理丢失的方法可能是重新创建 Canvas 并为 GL 部分重新初始化您的应用程序。最后，所有资源都消失了，因此重新创建上下文的额外开销应该不会太麻烦，您可以在 webglcontextlost 事件到达时立即采取行动。

(虽然不确定这是否是最好的主意......)

评论 Raziza 关于 WEBGL_lose_context 的答案:

不要像你在那里提议的那样使用这个。这个扩展只是一个调试工具，应该只用于模拟这种行为。

(参见此处:https://www.khronos.org/registry/webgl/extensions/WEBGL_lose_context/)

顺便说一句:赞成这个，所以我得到积分并可能很快对答案发表评论；)