Image has grey border

Volodymyr_Protskyi · June 1, 2021, 8:34am

Hi!

I have an issue with the image element.

I upload a white image and in playcanvas around the image appears a grey border.

here my test project: PlayCanvas | HTML5 Game Engine

Can you recommend something?

Leonidas · June 1, 2021, 12:11pm

That happens due to texture filtering, it’s not spefic to PlayCanvas. Even if you zoom in your image using any photo viewer you will see the same white border, produced by antialias:

You can set filtering to Point in PlayCanvas to get a different mode of filtering at your edges:

Volodymyr_Protskyi · June 3, 2021, 9:46am

Thanks for answering

yaustar · June 3, 2021, 10:26am

@Volodymyr_Protskyi sounds like you are hitting the same issue as people on this thread Artifacts on our 2D assets

eproasim · June 3, 2021, 11:18am

I’ve also found that sizing your source image to be the same size as what your image element will be to also help tremendously.