Create new Standard Material on the fly

[jinincarnate]

How do it create a new standard material when my model is loaded and apply to its meshes. The only examples i can find have a material already existing in the scene, but i need to create a new material when i need to

[jinincarnate]

Got it:

import { StandardMaterial } from '@babylonjs/core';
var testMat=new StandardMaterial("",scene);

[brianzinn]

That works. You can also use a ref - like:

const matRef = useRef();
matRef.current = new StandardMaterial(...);

declarativly you could as well:

const matRef = useRef();

return (
  <>
     <standardMaterial ref={matRef} ... />
     <Model onModelLoaded={...} />
  </>
)

One advantage of above methods is that the material will likely be "ready" and loaded when the model is loaded, so not async waiting to apply the material.

[brianzinn]

be careful of one thing - the declarative <StandardMaterial .../> will attempt to attach to a mesh by walking down the tree graph! (ie: if a or another Mesh were found it would attach! There is no opt-out mechanism on that behaviour.