How not lose quality in full screen?

How not lose quality in full screen ?

My idea is not zoom canvas, but use diffrent size sprites. For excample i will make sprites 50x50 size for window mode and 100x100 for fullscreen mode. And switch between it when player change screen mode. But phaser must somehow know what resolution has player , and all 100x100 sprites must be fitted in his monitor size.

How to do it ?

I have used resolution: window.devicePixelRatio in config like this:

var config = {
        type: Phaser.WEBGL,
        width: window.innerWidth,
        height: window.innerHeight,
        resolution: window.devicePixelRatio,
        scene: this_game.scene_list
    };

Don’t know if it’ll work for your case, but it hasn’t failed me yet.