Hello everyone,
I have recently started developing a top-down 2D game (in the style of the old “Zelda”-games) and ran into the problem that all the images become very blurry when trying to move the camera. It looks as if there were “waves” moving through my screen (comparable to the effect you would see on older monitors I suppose). Ontop of that, sometimes a line of pixels is simply missing or has the wrong texture. I have made sure that all the texture groups are set to “2D Pixels (unfiltered)” and post-processing is turned off, but the artifacts are still there. I suspect that the artifacts originate from the fact that 1cm equals 1pixel when rendering, but the camera is not always being moved by an integer value, leaving it on something like 10.5cm on the x-axis, thereby everything is rendered 10.5 pixels to the left and due to rounding it creates the artifacts described above. The easiest way to avoid this will obviously be manually rounding down the coordinates of the camera after each update (EDIT: Scratch that, it doesn’t even work), but I wonder if there is a more elegant solution to that. Thanks in advance!
EDIT: Just to give everyone an idea what I am talking about:
I recorded this with “epic” graphics settings, but you get the same effect with minimum settings. The same happens if I disable the code in the tick event, except that there will be more and slightly different artifacts if I do.
I’m afraid that’s not it. I just disabled all of the post-processing settings in “Project Settings/Rendering” as well as in the camera itself, and the artifacts are still there. Appreciate the suggestion though.
Go to your tile’s texture settings.
Double click the texture.
On the right, there’s a details panel.
Look for the “Texture” category.
If the triangle below sRGB is facing down, please click on it.
You should see 2 options:
X-axis Tiling Method
Y-axis Tiling Method
Are these set to CLAMP?
They’re set to wrap by default.
Setting them to clamp has gotten rid of garbage on the edges of sprites for me before.
You have to right click on your tileset and pick “Condition Tile Sheet Texture”. It’s a feature that’s easy to miss and I also haven’t found anywhere in the documentation. This should fix the seams that appear when moving.
Encountering this same issue on build 4.14.3. I’ve tried to disable all motion blur and post processing effects. I’m noticing visual artifacts where pixels in a tilemap will shift/blur during motion then return to normal once the camera has stopped moving. Not sure if this is a camera related issue or related to the texture. My game screen is 1280x720, with a camera of orthographic width = 640.
