Jump to content

Internet Explorer Mobile - Anti-aliasing problem (scale)


Recommended Posts

I tried with:

    game.stage.smoothed = false;


    PIXI.scaleModes.DEFAULT = PIXI.scaleModes.NEAREST;
On Iphone/Android it is perfect, but in Internet Explorer Windows phone 8.1 the sprites are blurred.

I need to make it work but I do not know how to do  :(
Link to comment
Share on other sites

I have:






These are my files.
In game.js 
var game = new Phaser.Game(360,640,Phaser.CANVAS,'gameDiv');

In boot.js in create function I put in:

        game.stage.smoothed = false;
        //PIXI.scaleModes.DEFAULT = PIXI.scaleModes.NEAREST;
        this.scale.scaleMode = Phaser.ScaleManager.SHOW_ALL;
        this.scale.pageAlignHorizontally = true;
        this.scale.pageAlignVertically = true;

In menu.js I created my menu-game and use this.car.scale.setTo(number) to enlarge the size.

In this way the game is perfect, but in Android(internet) and IE the cars are blurry.

I tried with our method but nothing happens. 

With our method I added in index.html:

            image-rendering:optimizeSpeed;            /* Legal fallback */
            image-rendering:-moz-crisp-edges;          /* Firefox        */
            image-rendering:-o-crisp-edges;            /* Opera          */
            image-rendering:-webkit-optimize-contrast; /* Safari        */
            image-rendering:optimize-contrast;        /* CSS3 Proposed  */
            image-rendering:crisp-edges;              /* CSS4 Proposed  */
            image-rendering:pixelated;                /* CSS4 Proposed  */
            -ms-interpolation-mode:nearest-neighbor/* IE8+          */


But cars are blurry :(

Cars are very small (16x16px) and I need to re-size

In your tutorial you use the sprite that has size 48. I should transformare each machine to 16x16 XX XX and not transform size.

Link to comment
Share on other sites

are you doing sprite.smoothed = false; on your sprite?


See: http://examples.phaser.io/_site/view_full.html?d=arcade%20physics&f=body+scale.js&t=body%20scale

 Thank you very much GingerbeardMan!! 

Sprite.smoothed = false in latest version of Phaser is all ok! Perfect.

Sorry for the time but for my low English I need more time.

This is a little vine of the game: 



To correct this error I have tried everything but sprite.smoothed no :| 

Thank You!!

Link to comment
Share on other sites


  • Recently Browsing   0 members

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