Please provide a method to create cloudy glass

I am looking for a way to create a glass that is cloudy, as shown in the example in the picture.

  • I have tried several methods, but I still cannot achieve what I want.

  • The information I studied can be found here:
    PlayCanvas Examples
    PlayCanvas Examples
    PlayCanvas Examples

  • I am not a programmer, so using code is difficult for me. Right now, I am trying to make it. If anyone has advice on how to achieve this, please help.

I don’t think there is a way to do this without coding. Custom shaders / or at least custom chunk used together with some glTF extensions is not avoidable.

In that case, could you provide a method using code? Could you possibly suggest a way? Because, judging from the links I sent earlier, they don’t clearly explain what I need to do.

I think the easiest way would be to follow this example:
https://playcanvas.vercel.app/#/graphics/grab-pass

you’d need to use extract the code that sets up refractionMaterial, including the custom shader, and use script to apply this material on your objects.

refraction example could be useful as well, but this does not create cloudy, just refractive sharp. But does not require coding, just setting up properties: PlayCanvas Examples

have tried many methods, even going as far as looking for tutorial videos like

and reading through various resources. However, it seems like I still can’t get it to work.
Could you possibly create an example in my project to show me how to achieve what we need? Here is the link to my project:
https://playcanvas.com/project/1310010/overview/testzimpligitalcom