Jump to content

Scaling TileSprite with transparency creates unwanted border?


chib
 Share

Recommended Posts

Hey guys. I think I've come across a bug, hopefully someone else has encountered it and has a solution.

For the game I'm currently making I need a camera that can zoom, to achieve this I decided to put everything I want to be affected by the 'zoom' into a group and scale it.  This works perfectly, however, I noticed around the perimeter of TileSprites within the group a 1px grey border appears intermittently.

 

This only seems to happen on TileSprites with transparency.  I have tried using both renderers and the problem persists.

I recreated the problem in isolation here:

www.danielboa.com/test/phaser-tilesprite-bug/

 

Any help would be greatly appreciated!

 

Link to comment
Share on other sites

  • 2 weeks later...

For future reference, I eventually landed on the following workaround.

The border appears when the x/y position of the TileSprite lands on a float (e.g. 231.2342342340), this happens as it is being positioned inside a group which is scaled.  I ended up moving the TileSprite outside of the scaled world group and managed it's position and scale independantly, making sure to round its position values.

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...