How to change the text render quality in Phaser 3?

Recommended Posts

In the following config what is the difference between 'resolution' and '_resolution' ?  

var config = {
    type: Phaser.AUTO,
    parent: 'phaser-example',
    backgroundColor: '#0056a4',
    width: 800,
    height: 600,
    _resolution: window.devicePixelRatio,
    resolution: 2,
    scene: {
        preload: preload,
        create: create,
        resize: resize

Does it matter the entire rendering performance of the canvas if i set the 'resolution' value to more than 1 in the game config ? If i want to increase the rendering quality of the text objects, what will be the solution? In Facebook instant games the text looks blurry, because Instant games sets the 'devicePixelRatio' to default value 1. Is there any solution to change the rendering quality for only text objects? Please help me if anyone know the answer.



Share this post

Link to post
Share on other sites

Hi, I'm facing the same problem.

I don't actually have the answer yet, but I'm testing bitmapText and I got some good results, but not very crisp yet. Actually, my entire game looks waaaay better on mobile devices than in monitors, I know its because the devicePixelRatio is greater, but even Tweens are more fluid in mobile.



Just found out that there is a FAQ about high resolution text that is not answered 😢.

Share this post

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


  • Recently Browsing   0 members

    No registered users viewing this page.