Currently, I have successfully loaded a JSON model based on AlteredQualia's skinning example. However, I am looking to hide the model until it is fully loaded. In the provided example, the models are displayed before their texture resources finish loading:
To address this issue, I placed an opaque div on my webpage and attempted to move it out of the way using the callback function of JSONLoader.load(). Unfortunately, the callback is activated when the mesh is added to the scene, even if the skinning images are still loading, resulting in an incomplete scene becoming visible.
Does anyone have suggestions for resolving this issue? I looked into THREE.ImageUtils.loadTexture() which has a callback function, but it doesn't seem to be applicable in this scenario where the mesh is defined as follows:
var mesh = new THREE.SkinnedMesh(geometry,new THREE.MeshFaceMaterial(materials));
//geometry and materials are parameters of JSONLoader.load callback
I examined the source code of MeshFaceMaterial and SkinnedMesh but couldn't find a solution there.
Your help is greatly appreciated!