three.js - 如何管理 A-Frame 使用的内存？

Question

我正在构建一个将 360 度图像加载到天空图元中的网络应用程序。我正在使用aframe-react. 总共有 20+ 360 度图像，img里面只有一个资产a-assets。一旦用户切换场景反应将改变src资产img和场景将重新渲染。一切正常，但由于缓存，它使用了大量内存。有一次它使用了 4GB+ 内存。在移动设备中，网页在切换约 8 多张图片后崩溃。我该如何处理这种情况？

我尝试查看 THREE.Cache 但图像没有缓存在那里。

这种内存使用与使用 React 有什么关系吗？

Answer 1

A-Frame 存在自动管理它的问题，但现在必须四处破解以清除纹理。

AFRAME.scenes[0].systems.material.textureCache[url].then(function (texture) {
  texture.dispose();    
});