three.js场景中不断更换模型的材质贴图,内存一直在增加,最终浏览器会崩溃,如何解决?

项目使用THREE.js构建
简单的结构如下:

var geometry = new THREE.SphereGeometry(500, 60, 40);
var texture = new THREE.TextureLoader().load(img);
var material = new THREE.MeshBasicMaterial({
        map: texture
});
var mesh = new THREE.Mesh(geometry, material);
scene.add(mesh)

然后场景中有不同的点击按钮,每次点击就是更换mesh模型的材质贴图:

var loader = new THREE.TextureLoader().load(new_img);
material.map = loader

(在真机上运行)点击切换多次之后,浏览器的内存会越占越大,最后导致浏览器崩溃刷新,请问有什么好的解决方法?

阅读 7.8k
2 个回答
新手上路,请多包涵

我现在的做法是每次切换贴图的时候,调用一次loader.dispose()释放内存,但还是不能解决内存导致浏览器崩溃的问题,请问切换的还需要其他什么操作呢?

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题