Strange anti-aliasing issue

By ericathegreat Date 2016-06-02 02:29

I'm building a game which uses isometric tiles as terrain, and I'm seeing some really odd visual glitches... Almost like it's anti-aliasing the images. Here is an example of one of the tiles I'm using:

Pixel-wise, it should tile perfectly, with no borders visible. However, for some reason, when I display it in-game, I get this effect:

(taken on Windows)

I'm fairly confident that this isn't part of the png image itself. I've set "tileable" to "true" when I'm loading the image, so it shouldn't be anti-aliasing. I'm reasonably sure that my maths for placing the images is correct, they're all powers of two, but even if I force the images to overlap one another by ~10px (just in case there was some background shining through) I still see the white lines:

(taken on Mac)

Any ideas?

By ericathegreat Date 2016-06-02 02:43

If you need to look at the source data, it's all here:
https://github.com/ericathegreat/marco7

By lol_o2 Date 2016-06-02 18:49

You can use :retro option that will force-disable all anti-aliasing.

Image.new(name, tileable, :retro => true)

Normally this issue appears when you use decimals for image position, but it can happen when you do some scaling, even using fullscreen window.

By ericathegreat Date 2016-06-03 00:13

Thanks! That actually solved two of my problems, since I actually didn't realize that it was scaling. That explains why it looked worse on some computers than others - the window was automatically resizing to fit the screen, which was not a power-of-two resize.

Thank you for your help, everything looks much smoother now.

Erica

In Response to ?