En mi sitio web, tengo dos plantillas. En cada plantilla necesito un lienzo para hacer algunos Three.js en él.

Cada vez que me muevo a otra página, estoy usando AJAX para evitar el método de recarga. Lo que significa que cada vez que se carga la página, estoy creando un nuevo lienzo.

Entonces mi pregunta es: ¿cómo elimino correctamente todo del lienzo de la página anterior? Hasta ahora yo:

• matar el RequestAnimationFrame relacionado
• clear() mi renderizador
• Uso el método dispose() en mis geometrías y materiales.

¿Puedo hacer algo más para vaciar por completo los recursos utilizados del lienzo anterior? Gracias