Auto scrolling Tiled Backgrounds and Seams issue

0 favourites
  • 3 posts
From the Asset Store
Change the size and position of everything without calculating anything!
  • I've read a lot of threads on this issue but haven't been able to fix this issue. I am using 2 tiled backgrounds, one after the other, in an auto side scrolling game.

    I am using the following logic for it:

    <img src="" border="0" />

    But, During the gameplay, a white blinking line appears between he 2 tiles (probably called a seam). Its not a pixelated game, but still as people suggested in other posts, I tried setting Pixel Rounding : On , Sampling: Point and Letterbox Integer Scale. But that didn't help, the seams are still there.

    Is there any working solution to this ?

  • Try Construct 3

    Develop games in your browser. Powerful, performant & highly capable.

    Try Now Construct 3 users don't see these ads
  • You should move the background relative to the current position, that way there should be no seams.

  • Even though your game isn't pixel art, all raster images are made up of pixels. If you have resized the image in an editor, chances are the editor created a slight color change along the edge. It's called the halo effect.

    C2's built in editor definitely does it, and Photoshop does it unless you change the settings to "Nearest Neighbor" when resizing, but that's only really good for pixel art.

    It might be a good idea to zoom in on the background image and look for a variation in color along the edge. Even the slightest color variation will create a seam. If you can't tell just by looking at it, try to paint the 1 pixel edge along the outside of the image to see if it breaks the seam.

    If you work larger than what you end up using in game, and the art comes to the edge of the canvas, this will always be an issue when resizing. Converting from vector to raster also causes this issue.

    Hope that helps.

Jump to:
Active Users
There are 1 visitors browsing this topic (0 users and 1 guests)