I have created a scene, then added many GLTF models, each model has children, recursively. How to dispose the scene, and all the models, and models’ children models? I tried this: this.#scene.traverse(e => { if (e instanceof THREE.Mesh) { e.geometry.dispose() e.material.dispose() } })…

[image] xinaes: Potential issue with this is if you use a non-standard material Thanks for pointing that out, somehow it completely went over my head, I guess cause I wasn’t using ShaderMaterials at the time, and yes, iterating over the Object.values is better than using a hard-coded list, an…

Do I need to call removeFromParent() in every model?

removeFromParent only sets the parent property of your Object3d to null . You can console.log to verify this. This is not the same as disposing or deleting. Read this page How to dispose of objects

I have created function to dispose all children from parent. may that can help you function removeObjWithChildren(obj) { if (obj.children.length > 0) { for (var x = obj.children.length - 1; x >= 0; x--) { removeObjWithChildren(obj.children[x]) } } if (obj.isM…

Shouldn’t the OP’s code do much the same thing? Note, though, that this won’t dispose of any textures… so you might want to do something like loop over material properties and call dispose if it exists (this is a vague suggestion maybe not the best approach to begin with, and of course if there’s a…

Also, don’t forget the case where the .material property can also be an array of materials which can have multiple textures :smile:

This may be an overkill, but I made this a while ago for an undergoing project. It basically dispose of all nested geometry, material/array of material, and texture, including removing and pausing any image/video/stream elements. It is typescript, if you are using javascript you may need to do som…

Potential issue with this is if you use a non-standard material. I think I’d rather reflect on the properties, like in the Cleanup linked, rather than have a hard-coded list of property names from standard material: // We also have to check if any uniforms reference textures or arrays of textures …

It’s the kind of thing it’s very easy to not think about until some months later when you have some obscure bug you’re trying to track down, that you didn’t spot until you suddenly need your code to run for days on end in an exhibition or something…

Three.js dispose things so hard

Questions

Umbawa_Sarosong January 11, 2023, 10:07pm 11

try this dispose function

Topic		Replies	Views
When to dispose: How to completely clean up a Three.js scene Questions dispose , garbage-collection , cleanup	21	46271	August 23, 2024
How to dispose and destroy GLTF object completely Questions dispose	1	5838	March 25, 2021
Dispose things correctly in three.js Questions performance , dispose	22	23059	May 23, 2021
Disposing loaded model Questions textures , materials , geometry	5	1099	July 12, 2023
Correctly remove mesh from scene and dispose material and geometry Questions memory-leak	16	38465	January 29, 2022

Three.js dispose things so hard

Related topics