How to darken screen on a mobile UI?

The Godot Q&A is currently undergoing maintenance!

Your ability to ask and answer questions is temporarily disabled. You can browse existing threads in read-only mode.

We are working on bringing this community platform back to its full functionality, stay tuned for updates.

godotengine.org | Twitter

+1 vote

On my Android app, when popping up, say a confirmation dialog, I'd like to make the UI go dark behind it as is common with Android UI's. I can probably come up with something (e.g. have a texture that is above all other UI elements and make it visible and maybe 80% opaque, and have the popup appear above that). I've tried setting my rood node control's opacity to say 0.1 and that is mostly there, but some elements don't look great. I'm thinking there are better ways. Any ideas? Thanks.

in Engine by (728 points)

1 Answer

0 votes
Best answer
  1. Add a Panel below popup window
  2. Make Panel full of screen
  3. Set Opacity of Panel
by (9,800 points)
selected by

Thanks for the response. That's pretty much what I had tried (in my case with a TextureFrame instead of Panel) and it does work ok. The bits that I thought didn't look good was just because of the color of other elements in my UI. I fixed that and I think it looks fine. I guess this is the correct answer though, so I'll choose it as such.

by (728 points)

Try Blend mode of Panel too.
You could have better look if change Blend mode Mix to Mul

by (9,800 points)
Welcome to Godot Engine Q&A, where you can ask questions and receive answers from other members of the community.

Please make sure to read Frequently asked questions and How to use this Q&A? before posting your first questions.
Social login is currently unavailable. If you've previously logged in with a Facebook or GitHub account, use the I forgot my password link in the login box to set a password for your account. If you still can't access your account, send an email to [email protected] with your username.