Creating the Effect of Transparent Glass and Plastic?

[jro]

Hi there,

I found a very cool example of how to create convincing glass like materials in three.js:
Link

Here’s a real-time demo showing all the pretty effects:
https://40wj3.csb.app/

I would like to use such enhanced material in Playcanvas too!
Could you please integrate this feature?

I don’t care about all that animation stuff lately, but what’s really important to me is an enhancement in materials. Materials are the foundation of all and transparent materials are extremly vital when trying to mimic the reality.

Hope you can close up to the development of three.js.

[yaustar]

Just to give an update here, we have some features in the Engine for the Standard Material that we are looking to expose in the Editor soon

Clear coat: https://playcanvas.github.io/#/graphics/material-clear-coat
Anisotropic GGX Specular: https://playcanvas.github.io/#/graphics/material-anisotropic
Detail maps: eg https://developer.playcanvas.com/api/pc.StandardMaterial.html#diffuseDetailMap

We also have a Shader Graph Editor in closed beta to help with creating more unique shaders for materials. Looking to going to open beta with limited integration with the main Editor

[RFC] Shader Editor

Hi Everyone! We’re busy working on a new shader editor for customising materials in PlayCanvas. It is node based and should be familiar to those of you who have experience with node based material editors. Here is a quick screenshot of shader editor: [Screenshot 2021-06-08 at 10.51.03] At launch we plan to support: customising material properties like albedo, normal, specular, roughness etc have access to surface properties like texture coordinates, position, vertex normal sample 2d textur…

Looking at the link, it appears that we are lacking ‘transmission’ compared to the three.js material.

I leave it to @mvaligursky to talk more on that as he is our rendering guru.

I do wonder if we can come close to that effect with a roughness map with something like this? https://playcanvas.com/project/362235/overview/tutorial-cube-map-refraction

[yaustar]

Seemore has a similar ‘ice’ effect here:

https://playcanvas.com/editor/scene/741889

[mvaligursky]

Yes, we’re aware of this missing from Playcanvas and it’s on a list to implement. I’ve created a ticket to track this: https://github.com/playcanvas/engine/issues/3642

We have a basic tech for the refraction ready … but this needs to be integrated to the material workflow, and shaders upgraded to support required properties of it.
http://playcanvas.github.io/#/graphics/grab-pass