GUI colors change if renderingpipeline is enabled

Questions
1

Hello,

When turning the renderingpipeline on, the GUI background elements go to a different color (color space). I understand that clearcolor is also affected and you can use the tolinear or togamma functions in Color. How to do this for GUI elements?

PG below, change line 44 to see the effect.

https://playground.babylonjs.com/?inspectorv2=true#XCPP9Y#23569

Thanks.

2

You can use an additional camera that will only render the GUI after the main camera thanks to the layerMask property:

https://playground.babylonjs.com/?inspectorv2=true#XCPP9Y#23576

Or you can use a frame graph, where you simply add the GUI task after the image processing task:

https://playground.babylonjs.com/?inspectorv2=true#XCPP9Y#23577

NRGE: Babylon.js Node Render Graph Editor

1 Like
3

https://playground.babylonjs.com/?inspectorv2=true#XCPP9Y#23580

You can use line 55 or line 59 to resolve this issue.

2 Likes
4

advancedTexture.layer.convertToLinearSpace = true

Definitely better than adding a new camera, I forgot we had this flag in the layer class!

5

This works perfectly, thanks!

3 Likes