Blurred font/text

Solar2D General Questions/Discussion
#1

blurry-nav%20(1)-u8nyGAzg78.gif

Problem: Blurred text/font in one textfield, others are fine.

Example: See above image, the “Start Puzzle”

Already tried: another font, with same result

  • x,y positions are not decimal numbers (every group, also checked with localToContent)

  • problem seems to occur only on iPad, on iphone/android looks fine

  • config.lua:

<code>

        width = 1365,

        height = 2048,

        scale = “letterBox”,

</code>

#2

I still think this is due to text being rendered “between” pixels as 1365x2048 isn’t a native iPad resolution.

Even though you specify integer numbers in your code, Corona will internally recalculate those x, y positions to native device coordinates that may well become decimal. Why some text and not others, you may wonder. It has to do with font metrics. Each combination of letters produce different results, and depending on which letters are used and how long the string is the resulting coordinate-calculations for that particular combination may well fall between pixels.

Keep in mind that any type of scaling (letterbox etc.) can produce these kinds of issues. Also, some devices show this more than others.

#3

Thanks ingemar for your answer!

#4

if you want to fix blurred effect for text field, use integers coords,

For example, math.floor(x)…

#5

Hi vadiminc, as in my original post, I have already esured the content is integer:

>- x,y positions are not decimal numbers (every group, also checked with localToContent)

#6

I still think this is due to text being rendered “between” pixels as 1365x2048 isn’t a native iPad resolution.

Even though you specify integer numbers in your code, Corona will internally recalculate those x, y positions to native device coordinates that may well become decimal. Why some text and not others, you may wonder. It has to do with font metrics. Each combination of letters produce different results, and depending on which letters are used and how long the string is the resulting coordinate-calculations for that particular combination may well fall between pixels.

Keep in mind that any type of scaling (letterbox etc.) can produce these kinds of issues. Also, some devices show this more than others.

#7

Thanks ingemar for your answer!

#8

if you want to fix blurred effect for text field, use integers coords,

For example, math.floor(x)…

#9

Hi vadiminc, as in my original post, I have already esured the content is integer:

>- x,y positions are not decimal numbers (every group, also checked with localToContent)