Search the Community

Dear all. I am a new in babylon.js and my problem is that when I try to load multiple meshes in the same scene the memory starts to increase in my browser until it gets hang. I am trying to load about 90 models in GLTF format converted from DAE. The total space of these meshes is about 200MB. The idea is get the GLTF files information from DB and load these files in the browser on demand. For model load I am using the function "BABYLON.SceneLoader.ImportMesh". My first problem is that for each model I import I have to wait until it will be rendered until continuing to the next one. I would want: 1.- I want Load all models without rendering them until all them will have loaded and optimization will have finished 2.- I want to represent the imported mesh for each GLTF in a single mesh and visible in the mesh tree. Currently I am not able to see these meshes in the mesh-tree 3.- I would want to optimize the scene befor rendering it: - Use AUTO-LOD (I have different GLT files for each model with different quality - Use merge mesh funtionality - Use simplify mesh - Use octree Here the function I am using for importing the GLTF models. I you want I can give you the full code : function load_gltf2(scene, parent, dir, filename, mat) { BABYLON.SceneLoader.ImportMesh([], dir, filename, scene, function (newMeshes) { var dude = newMeshes[0]; dude.parent = parent; dude.position = new BABYLON.Vector3(mat[9]/1000,mat[10]/1000,mat[11]/1000); axis1 = new BABYLON.Vector3(mat[0]/1000,mat[1]/1000,mat[2]/1000); axis2 = new BABYLON.Vector3(mat[3]/1000,mat[4]/1000,mat[5]/1000); axis3 = new BABYLON.Vector3(mat[6]/1000,mat[7]/1000,mat[8]/1000); var rot = BABYLON.Vector3.RotationFromAxis(axis1, axis2, axis3); dude.rotation = rot; dude.scaling= new BABYLON.Vector3(0.001,0.001,0.001); }); }; Many many thanks in advanced.