x

Search in
Sort by:

Question Status:

Search help

  • Simple searches use one or more words. Separate the words with spaces (cat dog) to search cat,dog or both. Separate the words with plus signs (cat +dog) to search for items that may contain cat but must contain dog.
  • You can further refine your search on the search results page, where you can search by keywords, author, topic. These can be combined with each other. Examples
    • cat dog --matches anything with cat,dog or both
    • cat +dog --searches for cat +dog where dog is a mandatory term
    • cat -dog -- searches for cat excluding any result containing dog
    • [cats] —will restrict your search to results with topic named "cats"
    • [cats] [dogs] —will restrict your search to results with both topics, "cats", and "dogs"

Office Holiday

Epic Games' offices will be on holiday from June 22nd to July 7th. During this period support will be limited. Our offices will reopen on Monday, July 8th. 

3D UMG Widget low quality / transparency issues

Having some issues with 3D UMG widgets. This is the basics behind the system.

So this is a mockup of what i'm trying to create: alt text (made in photoshop) But I can't get the background image to be at 50% transparency despite using Appearance>Color and opacity. It's either 100% colored or 100% invisible. I've even tried importing the image with transparency applied in photoshop but i get the same result. alt text

I'm also having trouble with the rendering quality of opacity on some image assets such as my selection highlight. The asset should have a flowing transparency gradient but only displays up to a certain opacity. alt text alt text

And finally i'm having some issues with overall quality, i'm often getting a jagged black border around multiple objects including images, buttons and text. All assets are clear in the widget editor but not when displayed in 3D space. You may also be able to notice it in other screenshots. alt text

Any troubleshooting tips for these issues appreciated. ty.

Product Version: UE 4.12
Tags:
goal.png (568.5 kB)
menu with bg.png (515.6 kB)
menu no bg.png (260.6 kB)
border jagged.png (765.7 kB)
more ▼

asked Jul 13 '16 at 10:46 PM in Rendering

avatar image

SamWal
35 6 6 11

avatar image Rumbleball Nov 29 '16 at 08:16 PM

same issue here

avatar image AndrewHurley Nov 29 '16 at 09:30 PM

Hey SamWal,

I just ran a test on my end after downloading the texture in question, and it seems to work fine for me.

alt text

Can you provide me with your widget blueprint so I can investigate the issue in greater detail?

Thank you,

Andrew Hurley

wbpfadetest.png (571.5 kB)
avatar image Rumbleball Dec 01 '16 at 05:00 PM

Instead of using textures as SamWal, I try getting a transparent border.

  1. Make new Project (c++ shooter in my case)

  2. Make new Widget, insert border, set BrushColor.Alpha = 0.2

  3. Make actor, add Widget component, set widget

  4. List item

  5. place actor in the world -> Border not visible (is also not visible within the actor viewport)

  6. Set Widget Border BrushColor.Alpha = 0.5 -> widget visible, but fully opaque.

Alpha < 0.4: Invisible. Alpha > 0.4: Fully opaque. This is somewhat the same what the third image of SamWal is showing. Fully opaque until a certain treshold where it gets fully invisible.

UE4.13/4.14

(comments are locked)
10|2000 characters needed characters left
Viewable by all users

1 answer: sort voted first

Hey guys,

So after testing I believe I have found the reason as to why this is occurring. Since your border/texture you are trying to render has translucency, you need to set the Blend Mode within the Actor Blueprint for the Widget itself from 'Masked' to 'Transparent', as seen in the below image.

Blend Mode - Transparent

alt text

Border Alpha 0.3

alt text

As you can see it is rendering as expected. Since you are using a gradient from 1.0 to 0.0 for opacity, using the masked blend mode is going to clip out anything up to the masked clipping value/threshold. This is why you need to use the translucent blend mode so you can render the entire gradient.

Let me know if you have further questions.

Thank you,

Andrew Hurley

more ▼

answered Dec 06 '16 at 07:30 PM

avatar image Rumbleball Dec 08 '16 at 01:04 PM

thanks Andrew, missed that one. Gues it would be better setting the default to translucent.

(comments are locked)
10|2000 characters needed characters left
Viewable by all users
Your answer
toggle preview:

Up to 5 attachments (including images) can be used with a maximum of 5.2 MB each and 5.2 MB total.

Follow this question

Once you sign in you will be able to subscribe for any updates here

Answers to this question