Currently, I am working on a THREE.js scene where I need to prevent uploading multiple files into the scene simultaneously. The setup involves using Angular to implement the three js scene and canvas as a factory to maintain only one instance of a canvas at any given time. The code snippet below illustrates the structure of this factory:
app.factory('ModelViewer', ['PartLibrary', function(QuoteLibrary){
var modelViewer = {
// properties
};
// functions
return modelViewer;
}]);
The main issue arises when attempting to initiate a new scene before the previous file has finished loading. Despite nullifying the loaders and parts in the process, the new scene ends up displaying both the old and new parts. This behavior emerges due to the loader continuing to load the file even when a new scene is initiated.
If anyone has insights on how to prevent the loader from overlapping files while still in the loading process, your input would be greatly appreciated. Unfortunately, my searches through the documentation did not yield any built-in functions that could help with this challenge.