How to achieve 3D BOX gradient transparency and glow

There is no such functionality in Babylon currently. Glow and highlights are limiited to none transparent meshes as they required depth information to be drawn.

Is there any other way?

@dataangel
hi
https://www.babylonjs-playground.com/#1TYWYB#198

https://www.babylonjs-playground.com/#1TYWYB#199

https://www.babylonjs-playground.com/#1TYWYB#200

https://www.babylonjs-playground.com/#1TYWYB#201

https://www.babylonjs-playground.com/#1TYWYB#202

use that last one and change setting

var setting_glow = {
level:5,
step:10,
radius:0.005,
power:0.8,
borderColor:‘1.,1.,1.’ ,
innerPower:0.,
innerColor:‘1.,1.,1.’ };

2 Likes

Thank you very much.

1 Like