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

xc1yvkra
  • 2
新手上路,请多包涵

项目使用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

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

回复
阅读 138
2 个回答
xc1yvkra
  • 2
新手上路,请多包涵

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

你知道吗?

宣传栏