Alpha/Transparency in decals not working correctly

[jpdev]

I noticed that decals can be transparent in places but they are either 100% transparent in a pixel or 0%.

I would like to have "soft" edges on my decals and also be able to only slightly color the underlying object.

So a 50% transparency decal for example, or a decal with different values for the alpha channel.

Is there any way to accomplish this?

 

I tried setting visibility to 0.5 on the decal, but this breaks it (it's rendered transparent.. but as a square instead of the texture).

Example here (line 38 breaks it):

http://www.babylonjs-playground.com/#1BAPRM#82

[RaananW]

Hi @jpdev,

this is rather interesting. I also tried changing the alpha value of the texture with no luck.

You could, however use the opacity texture with the same texture you use for the diffuse texture. Then set the level of the opacity texture - http://www.babylonjs-playground.com/#1BAPRM#83

 

[jpdev]

Thank you @RaananW

I still wonder why it doesn't work with the obvious property or alpha within the texture - but your solution works very well.

I used a texture with different alpha levels to check if there now is a gradient, and there is:

http://www.babylonjs-playground.com/#1BAPRM#84

 

 

 

[RaananW]

great! glad it works