How to make frosted glass effect ？

Questions
1

pg: Babylon.js Playground
Hey~All, I did some simple effects. If I want to get close to this effect, what do I need to do?
I mean, some places should be dark.

glass_20210917163116
glass_202109171631161169×695 27.8 KB

2

You should be able to achieve a similar look with both a reflection probe and some pbr materials Reflection Probes | Babylon.js Documentation

3

Hello!

Textures can be of great help to achieving a similar effect. I found this one searching around:

(3D Textures is an amazing source for PBR Materials, highly recommend it!)

Besides using those textures, another important property in PBR Materials to achieve a glass-like effect would be Refraction: Mastering PBR Materials | Babylon.js Documentation

You can play around with textures and values until you are satisfied :smiley:

I tried messing around with that texture pack I linked earlier and got this result:

image
image1416×915 62.7 KB

I also tried without textures (except for reflection and refraction textures), but I think the textured one looks closer to the intended effect.

Code is here if you want to check it out: Babylon Template

5

Thanks for update and quick reply, its work for me.