1. Anders Ruud
  2. love
  3. Issues


Issue #361 wontfix

Quad: bleeding when drawn on float-positions

created an issue

When using Quads to extract solid images from an image atlas, the resulting quad image can only be properly drawn on integer screen/pixel positions. Using float positions the pixel lines adjacent to the quad image on the atlas bleed in on the edges. Extracting the raw image data to create individual Image types and drawing these does not create the same problem.

Screenshot: left: integer position | right: float position

Comments (7)

  1. Seppi

    I slime73 is correct. If you are having issues with bleeding on the edges, don't draw on the canvas in floats.

    I have attached an example that illustrates this.

    http://i.imgur.com/j9BlC.png (non tearing from TechnoCat: http://i.imgur.com/c6DJq.png)

    in the quad2.love file, you will see that it's not a problem with quads, but the fact that you are drawing on non-integers. When you draw 0.5 .. 0.9, you will draw into the next pixel, and blending occurs. Where as when you draw 0.1 to 0.4, it will move slightly, but it will not blend with the background.

    The easiest way to fix your issue is to do something like this:


    drawq(img, quad, math.floor(x),math.floor(y))

    But a better way to do it is to make sure that all the movement is moving at the same "speed" (so that the decimal is the same.) Otherwise, if you insist on different speeds, pad the image to avoid this.


  2. Boolsheet
    When using Quads to extract solid images

    Quads work a bit different in OpenGL. You're giving it one texture with the tiles and the coordinates of what it should draw from it. How it interpolates at the edges of these coordinates is (afaik) out of your control. The wrapping setting only applies for the texture edges.

    As suggested by josefnpat, you can draw at integers, but it will still interpolate the neighboring pixels if you scale or rotate. To get rid of it you have to pad the tiles with the border color, like slime73 said.

  3. Kevin Pors

    I know I'm a bit late to the party for this issue. Even though it has been signed as a wontfix, my comment may help other people.

    I too had a bleeding problem like Golan2781. Was tiling my map using quads, playing a bit with scaling, rotating and such. I noticed that bleeding indeed occurred when things were drawn using floats. Replacing the normally opaque white background with a transparent (alpha channel) background seemed to fix my problem. I'm using 0.9.2 by the way.

    Perhaps adding this information to the wiki may provide useful to other people?

  4. Log in to comment