项目使用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
(在真机上运行)点击切换多次之后,浏览器的内存会越占越大,最后导致浏览器崩溃刷新,请问有什么好的解决方法?
###参考 https://threejs.org/docs/#man...,需要自己手动调用dispose
方法执行释放处理
我现在的做法是每次切换贴图的时候,调用一次loader.dispose()释放内存,但还是不能解决内存导致浏览器崩溃的问题,请问切换的还需要其他什么操作呢?