Quad image stretching

Graphics & Virtual
1

Hello all

I have a Quad Primitive that’s sized 1484 x 835 with settings of Auto Size: Disabled and Maintain Aspect Ratio of Texture Mode: Fit Height. The quad is intentionally left blank as a placeholder for future images. The scene is used in ENPS where a user can import their own image in the quad placeholder. The process works well but images that are not sized the same generate a stretch of the edge pixels to fit. In other words, if an image is taller than the width, the empty spaces are filled with the side pixels set to repeat. It gives it an unfavorable appearance.

I tested Ignore Object Alpha, deactivating Maintain Aspect Ratio and changing it to various other settings. The closest thing that worked was Fit Height with the least amount of distortion. Ideally would rather have transparent sides instead of repeating the edge pixels.

Any ideas, suggestions or resolutions to this issue?

2

On the quad go to Texture Coords.

Under Misc. you have mode. Select “Border”.

3

Awesome! It kept the image’s integrity intact! It did add a black background for the remainder of the quad placeholder space, so is there a way to have it transparent instead of black? If it’s not possible, this result is much better than previously set. Thank you, Azathoth!!

4

The standard is transparent when using boarder so there must be something else going on if it’s black.

5

Your other alternative is to use “Clamp” but save your images with a 1 to 2 pixel transparent border.

However, if you are getting a black background, are you using a GIF. Some versions of XPression don’t handle GIFs well.

6

Usually importing PNG assets into Xpression draws transparent backgrounds masterfully, but this seems to involve a quad as a placeholder maybe? The quad shows up as the blue and yellow checkerboard placeholder look and I couldn’t find any properties on it being transparent or colored.

7

Assign a material to the quad. Give it a texture too. You can make the default texture completely transparent.

Note, unless you are making something that is supposed to look 3D, shaded, and almost real, I recommend making diffuse black and emissive white.

8

I primarily use PNG with transparency applied, so good news as I was writing this post and testing on my end, I found the black background solution!

I looked into the Rendering tab and saw the Color Channel Output had everything including Alpha checked, but I changed the Depth Writes from Automatic to Disabled and that saved the day!

I truly like to thank Azathoth and Simon for helping me troubleshoot, problem solve and revolve this situation. You guys are the best!