Jump to content

Graphics & Text : Smooth display ?


Recommended Posts



I'm new in the PIXI.js community and come back to you with some questions about smooth display with Graphics & Text.

In my picture, I draw three circle : two with border and one filled. For my text, I use a custom font and as you can see my font is blurry.


I use autoDetectRenderer and set to true antialiasing & transparence.

I look something about retina display or scale, but the result is the same in my Retina MBP and my No-Retina iMac.

Does exist a solution for this blurry result ?



Link to comment
Share on other sites

Typically you would draw your content at twice the size, and then scale it down.


See here:



In PIXI, this means loading larger than normal text and images, and rendering them a scale (0.5, 0.5) for a typical retina display. To avoid scaling each sprite, you can just add your scene to a parent DisplayObjectContainer that is scaled according to the retina ratio.

Link to comment
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.
  • Create New...