Crisp font at default width/height and in full screen

[ranflas]

Is there a tip for making sure that text created using display.newText will not be scaled upwards which could result in blurred fonts when creating an app for Mac OS X? This app does not have a resizable window. It can be played in its default view size or maximized to fullscreen.

Right now I have config.lua set as:

content = {
        width = 1200,
        height = 1920,
},

And in build.settings:

window = {
        defaultViewWidth = 1200,
        defaultViewHeight = 1920,

        enableMaximizeButton = true,

},

Should I set either of these differently?

And/Or do I need to account for screen size in how I configure the fontSize I am setting?

Thanks for any help!

[rob]

Can you put together a small sample that generates your blurry text so I can take a look at it?

Rob

[ranflas]

Thanks Rob!

Here is a link to an extremely simplified project that just loads some text on the screen:

https://www.dropbox.com/s/02eir1e6awjohgd/MacApp.zip?dl=0

I didn’t think my question would be project dependent… I was just wondering what was the best practice for setting window size and config.lua content size in order for text to be rendered without being scaled up on a Mac, especially when the app is then maximized into fullscreen mode.

I’ve noticed that even if I comment out the defaultViewWidth and defaultViewHeight in build.settings window = {} the app still behaves the same when built as a Mac app, so it seems to me that the window size is being taken more from config.lua content settings.

Excited to build our first Mac app and so happy that Corona has moved this feature out of beta!

[rob]

The text is really crisp on my monitors. I looked at it on two different 1920x1080 screens and my 13" MacBook Pro. The text is crisp. It’s not anti-alaised which makes some of the diagonals a little jaggy.  Are you on a Retina mac?

Rob

[ranflas]

Thanks Rob, just trying to understand how to size apps for different devices.

It seems based on your responses that the way we are doing it works fine. You haven’t mentioned that we really should do X Y or Z in order to make our content render 100% properly regardless of app size.

For Android devices, we typically set a specific config.lua size of 1920x1200 makes all devices act as if they are 1920x1200 even if they are any other resolution. So a 1920x1200 sized image fits fullscreen, and text/objects are positioned based on a 1920x1200 size.

For iPhone, setting config.lua to 640x1136 (iPhone 5 size) makes even an iPhone 6 Plus act like it is 640x1136. The text on an app like this doesn’t look very blurry to my eye, but surely it is not 100% natural as it is being upscaled to fit a screen that is larger than 640x1136…?

Is that how Corona apps work for Mac OS X too? Whatever dimensions I have in config.lua will be the app’s dimensions, even if the app is maximized to a fullscreen display that is larger than those dimensions? And that is the best way to build a Mac app?

Thanks for replying. Definitely trying to make the most of what Corona/Perk has to offer us.

[rob]

Whatever you put in config.lua defines your virtual content area. Corona SDK will scale things up or down to fit the physical device.

Rob

[rob]

Can you put together a small sample that generates your blurry text so I can take a look at it?

Rob

[ranflas]

Thanks Rob!

Here is a link to an extremely simplified project that just loads some text on the screen:

https://www.dropbox.com/s/02eir1e6awjohgd/MacApp.zip?dl=0

I didn’t think my question would be project dependent… I was just wondering what was the best practice for setting window size and config.lua content size in order for text to be rendered without being scaled up on a Mac, especially when the app is then maximized into fullscreen mode.

I’ve noticed that even if I comment out the defaultViewWidth and defaultViewHeight in build.settings window = {} the app still behaves the same when built as a Mac app, so it seems to me that the window size is being taken more from config.lua content settings.

Excited to build our first Mac app and so happy that Corona has moved this feature out of beta!

[rob]

The text is really crisp on my monitors. I looked at it on two different 1920x1080 screens and my 13" MacBook Pro. The text is crisp. It’s not anti-alaised which makes some of the diagonals a little jaggy.  Are you on a Retina mac?

Rob

[ranflas]

Thanks Rob, just trying to understand how to size apps for different devices.

It seems based on your responses that the way we are doing it works fine. You haven’t mentioned that we really should do X Y or Z in order to make our content render 100% properly regardless of app size.

For Android devices, we typically set a specific config.lua size of 1920x1200 makes all devices act as if they are 1920x1200 even if they are any other resolution. So a 1920x1200 sized image fits fullscreen, and text/objects are positioned based on a 1920x1200 size.

For iPhone, setting config.lua to 640x1136 (iPhone 5 size) makes even an iPhone 6 Plus act like it is 640x1136. The text on an app like this doesn’t look very blurry to my eye, but surely it is not 100% natural as it is being upscaled to fit a screen that is larger than 640x1136…?

Is that how Corona apps work for Mac OS X too? Whatever dimensions I have in config.lua will be the app’s dimensions, even if the app is maximized to a fullscreen display that is larger than those dimensions? And that is the best way to build a Mac app?

Thanks for replying. Definitely trying to make the most of what Corona/Perk has to offer us.

[rob]

Whatever you put in config.lua defines your virtual content area. Corona SDK will scale things up or down to fit the physical device.

Rob