raw image too dark (webcam texture)

[sr4unity]

Hello,
This is my second post and I am struggling to make my rawimage brighter.
I am putting the webcam texture on the rawimage and displaying the object in the webcamera ( Running.

This is my original camera image :

But what i see under canvas is below( just ignore the buttons and see by increasing the brightness of your screen you can see the same head and eyes on right) :

I am not getting how to fix it.
I tried lighting the texture using :
displayImage.GetComponent().material.shader = Shader.Find(“Unlit/Texture”);
but no result.

This is my raw image setting :

How to fix this : ( !

Regards,
S

[Kurt-Dekker]

@sr4unity

How to fix this : ( !

Perhaps make the color something brighter than muddy dark gray?

[sr4unity]

Thanks @Kurt-Dekker . Its much better now. I put the white color (#FFFFFF)

And how can i position my rawimage that it takes the centered image ? As you can see it is right shifted.

I played around with below settings but no use

I even tried increasing the FOV of the main camera. Same result.

More over when I am running it on Smartphone , only small canvas appears on the Phone. How to make it fit to the Phone’s screen?
Regards,
S

[Kurt-Dekker]

@sr4unity

How to make it fit to the Phone’s screen?

Here are the official docs on how to make your UI handle various resolutions and aspect ratios cleanly:

https://docs.unity3d.com/2023.1/Documentation/Manual/HOWTO-UIMultiResolution.html

Here are some notes on UI Anchoring, Scaling, CanvasScaler, etc:

https://discussions.unity.com/t/845782/4

https://discussions.unity.com/t/848795/5

Usually you need to choose a suitable ScaleMode and MatchMode in the Canvas Scaler and stick with it 100%. Generally if you change those settings you will often need to redo your UI entirely.

I also use this CanvasScalerOrientationDriver utility to make sharing UI for Landscape / Portrait easier. Read what it does carefully.

https://gist.github.com/kurtdekker/8802b1b6c708637398f8c9167641efd3