Model tint with transparency

[royibernthal]

I'd like to tint a model to black with a certain amount of transparency, let's say 60%, in a way that you'll be able to see the model's texture beneath the black tint, at 40% clarity.

I created a material with black diffuse color, and applied it to the model's meshes. It is pitch black though, is there a way to make it only 60% tinted?

http://www.babylonjs-playground.com/#1SVN3I#57

[JCPalmer]

http://www.babylonjs-playground.com/#1SVN3I#58

[royibernthal]

Not what I had in mind. What you did sets the whole mesh to pitch black and then sets the alpha of the whole thing (still in pitch black), instead of just the alpha of the black "layer" on top of it.

Attached an image that helps explain what I need - left side is 50% black tint, right side is no tint.

[JCPalmer]

to do entire scenes, you need to add a post-process. See a black & white one, but a tint.  You could also a a 2nd ortro camera that can only see one mesh using layer masks.  That mesh would have the tint material.  Good luck.

[royibernthal]

Not entire scenes, only specific meshes. Isn't there a simpler solution? Maybe something in the lines of reflect back 50% less light from the mesh.

[aWeirdo]

You're replacing the sheeps material with a new, black material right now.. as i've understood, you want to keep the texture, but make it darker?

[royibernthal]

You understood correctly, any idea how to do that? Here's a fixed PG where I modify the existing material instead:

http://www.babylonjs-playground.com/#1SVN3I#59

[aWeirdo]

@royibernthal here's a bit of a hack, using light instead; http://www.babylonjs-playground.com/#1SVN3I#60

 

i can't help you otherwise with editing the texture live.

[royibernthal]

Nice hack, the result is what I wanted, but the way is too convoluted, given I'm dealing with multiple models, each having multiple meshes.

Worst case scenario I guess I can have 2 global lights, 1 dimmed and one normal, and constantly include and exclude meshes from them.

 

With that said, surely there is a simpler way to control the percentage of light a mesh reflects back?

[aWeirdo]

yes, changing the intensity of the light itself

that is, to my knowledge, the only way at the moment.
 

[royibernthal]

haha  I see, thanks.

Fingers crossed there's an extremely simple parameter that DK is about to tell us about

[Kesshi]

you could also use the renderOverlay feature: http://www.babylonjs-playground.com/#1SVN3I#61

[aWeirdo]

@Kesshi Nice one! never seen that before, i guess that's exactly what @royibernthal needs

[royibernthal]

Just what I needed! Thank you