threejs离开页面的销毁

在Three.js中，要销毁一个场景并清除其内存，可以按照以下步骤进行：

1. 从DOM中删除渲染器(canvas)元素。
2. 销毁场景内的所有网格、材质和纹理等物体。
3. 将场景中的所有物体从场景中移除并将其设置为null。
4. 销毁渲染器、相机和控制器等对象并将其设置为null。

具体的代码实现可以参考以下示例：

function disposeScene(scene) {
    // 从DOM中删除渲染器(canvas)元素
    renderer.domElement.remove();

    // 销毁场景内的所有网格、材质和纹理等物体
    scene.traverse(function(obj) {
        if (obj instanceof THREE.Mesh) {
            obj.geometry.dispose();
            obj.material.dispose();
        }
        if (obj instanceof THREE.Texture) {
            obj.dispose();
        }
    });

    // 将场景中的所有物体从场景中移除并将其设置为null
    while (scene.children.length > 0) {
        scene.remove(scene.children[0]);
    }

    // 销毁渲染器、相机和控制器等对象并将其设置为null
    renderer.dispose();
    camera = null;
    controls.dispose();
    controls = null;
}

在页面离开时，可以调用该函数销毁场景并清除其内存。