Jump to content

Text being blurry on scaling


udidol
 Share

Recommended Posts

Hi, new to Phaser.

I'm building a NES Mario clone as a first exercise to get to know Phaser 3.

I'm using a 16x16 tile map. I want the game to scale with the screen size, since a 16x16-based world is tiny, So I added a scale property to the config object:

scale: {
      parent: 'game_container',
      mode: Phaser.Scale.CENTER_BOTH,
      width: 350,
      height: 208
}

I gave the parent container ('game_container') a max width of 800px.

I added a score text in the corner of the screen - at the original size (350px width), text looks good.

The problem: at 800px width, it looks blurry:

image.png.9ab13c5d62bd46149bb79597fabbe176.png

Is there anything I can do to make the text stay crisp even on scaling?

or would I have to rebuild everything with bigger tiles and give up on scaling?

 

Link to comment
Share on other sites

 Share

  • Recently Browsing   0 members

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