Change material in the model during asynchronous loading

Questions
,
1

Hi, help me, please! In my example, I change the color of the alien’s shirt during loading SceneLoader.ImportMesh. How do I change the material on the model when loading asynchronously - SceneLoader.ImportMeshAsync?
After downloading, so that it can be used in the gui, for example.
Load multiple glTF assets | Babylon.js Playground (babylonjs.com)

2

Unless I misunderstood, you already did it (nearly). Make sure to create the mat before assigning.
Next, you have multiple ways to make it. You could first declare the mesh and/or material you want to change within the import, and then just swap it. Or, you can just get the descendants and select by name or id (or use ‘includes’ to pick from a portion of name or id). Anyway, here for the very basic version.

I hope I didn’t miss anything from your question, did I? Else, have a great Easter holiday :rabbit2: :sunglasses:

2 Likes
3

Yes, thank you very much! I think this is what is needed.

1 Like
4

I’m sorry, to continue the question. Is it possible to assign new material to an asynchronously loaded model rather than change it? Or, for example, change the position of the model after creation. In general, how to access the mesh after loading? Something like this in the GUI or action manager:

      meshes.forEach(function(item, index) {
      mesh[index].material = newMaterial;  
      mesh[index].position = new BABYLON.Vector3(0, 0, 0);                 
      });
5

I’m not sure to fully understand your question. May be you should try set-up a PG (even faulty).
I believe in my example (PG above) I am already assigning a new material (created on line 6… new standardMaterial).
And overall, within the async function you can make transforms (any transform) as long as:

  1. the required sources are available (material is created, script is loaded, etc…)
  2. since it’s async, you may not perform single calls to a function or property that’s working with a callback (or you might set it on each frame and will either break or eventually generate an error)

Apart from that, you can do pretty much all transform you want (eventually a good idea is that WHILE making these transforms, have your ‘mesh.isVisible = false’ or ‘mesh.setEnabled(false)’ until you’re done.

And then, AFTER LOAD (read outside the function), access your meshes though either name or ID (or an ‘includes’ from the name or ID).

6

Load multiple glTF assets | Babylon.js Playground (babylonjs.com)

Here’s the PG. How would I change the material of the shirt and its position, for example, by clicking on the button.

7

Yeah, so you’re accessing outside of the loading function. Means you cannot use ‘result’ because it’s not at root level. You have a number of options to send your ‘result’ meshes to the root, but essentially…
You can access meshes in the scene through either their name or id

Here’s a quick revised version PG

Hope this helps (sorry time for me to go make dinner :green_salad: :grin:) Cya later,

2 Likes
8

Brilliant, thanks)) Bon Appetit!

1 Like