Jump to content

Tile bleeding on Firefox


GomyBoy
 Share

Recommended Posts

Hello

For the sake of self-training I’m building a cheap Mario Land game-template, trying to make it the way you are supposed to :
http://lab.gildasp.fr/mario-phaser3/

Everything works fine but I have bleeding issues with my tilemap, and I really don’t get it…

I found lots of advices on the subject but none of it is working.
I mean I already :

  • extruded my tileset (which I never did on previous projects)
  • tried any combination of pixelArt, autoRound and roundPixels game params
  • added cameras.main.roundPixels = true (which did nothing)
  • tried both canvas and webgl with the same result

Extruding helped a lot, things where worse before it…

On Chrome it seems ok (although the pixel font is blurry, but I made another post on it) :

mario-chrome.png.ff453cef4eacb525e7fbf65583bd188c.png

On Firefox it's not fine at all :

mario-firefox.png.d75ef2813a2915d9dde2598f1ba167fd.png

On previous projects I used to upscale all my assets (by 2 or 4), which seemed to resolve that kind of issues… but it seems to me an ugly workaround when you work with low-rez pixel-art; like an esthetic nonesense ?
The game is 160x144 (game boy rez)

Anyway, I don’t get it, because in the Phaser 3 exemples the tilesets that are used are not upscaled, not even extruded, and averything seems to work fine !

Any help or idea or advice or just any kind of point of vue on it ?
Thanks

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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