Transition between two materials

[pichou]

Hey everyone!

Is there a way to add a smooth transition when changing the material of a mesh?

Thanks, Pichou

[Sebavan]

Not Built in. You could dupplicate the meshes and play with opacity but can be weird else you could animate to black and back from black to the new mat to ease the transition,  but this is a pretty nice idea.

[RaananW]

Or, if only textures were changes, using the different UV definitions possible, and updating the UV coordinates, but programmatically. Dunno if it makes sense... 

[Wingnut]

https://www.babylonjs-playground.com/#4F54K3#2

I HAD TO try one.    Using cloning/opacity method, as Sebastian described.

This still has a little problem at the end of the animation for the 2nd click.  Copying actionManagers from source mesh to cloned mesh... probably not the best idea.    Still fun and demented.  I probably should have used interpolateValueAction (auto-animate) instead-of executeCodeAction and create&Start's.  *shrug*

[Pryme8]

I wounder if I could make a shader that takes the values of two standardMaterials and has a uniform to blend between the two.

[Sebavan]

the safest would be in 2 render pass with blend and only at zequal with constant blend values but still the cache would need to handle 2 materials.

[pichou]

Thanks guys! I don't understand everything you suggest but I have several possibilities now! 
I think playing with the UV parameters would be the more simple way to do it but not the most beautiful/clean.

[MarianG]

With some inspiration from here 
I think this could help:

https://www.babylonjs-playground.com/#410HFB