Kindly asking for PNG help

Solar2D General Questions/Discussion
#1

I’ve attached my project here - http://min.us/mbiVDBKDLJ

In my app the PNG’s appear blurry in the simulator and on the device, so I made a little test folder here to see what other people have to say. There really isn’t any code, but I’m asking for help on what I must do to resize my images or what not so that they appear clear and not blurry. The unusual thing is when I set the simulator to the old iPhone, they look fine, but on the iPhone 4 template and all others, it is blurry, even though I have an @2x PNG
All help is appreciated,

Alex G [import]uid: 7116 topic_id: 23762 reply_id: 323762[/import]

#2

Do you have the @2x configured in a config.lua? I just tested your images, everything seems fine looking on my end from iphone/iphone4 and Ipad. Keep in mind I don’t use stretch on images, so on Ipad there is somewhat of a border, but it keeps the image ratio.
for example:

If you don’t define it the @2x in the config, it won’t be very happy. This is what I have for ipad, which works fine. However, keep in mind if you have images that you will use on ipad, then they won’t be perfect as scaling up from 480x320 or 960x640 it will be a little off.

So what do you do? Well you can create 3 sets of assets, or you can create one set on ipad and scale down to the rest of devices (that’s what I am doing saves a ton of space).

Your mileage will vary of course, hopefully this what you are asking for?

[code]

application =
{
content =
{
width = 768,
height = 1024,
scale = “Letterbox”,
fps = 60,
antialias = true,

imageSuffix =
{
["@2x"] = 2,
},
},
}
[/code] [import]uid: 61600 topic_id: 23762 reply_id: 95580[/import]

#3

Hi Alex,

Try using this to load your image:

[lua]local background = display.newImageRect( “background.png”,320,480)[/lua]

newImageRect will use content scaling.

-Mark [import]uid: 117098 topic_id: 23762 reply_id: 95582[/import]

#4

@mnewman - I’ve tried using that before, doesn’t fix it. The problem isn’t that the size is incorrect, it’s that the image appears blurry.
@nicholasclayg - I already have this in my example I’ve provided, but after playing around with the simulator, I found something pretty weird. *** While the graphics appear fine on the old iPhone in the simulator, when I switch to the iPhone 4, they appear blurry, although the dimensions fit the screen perfectly. ****Here’s the interesting part, when I look at the image with the iPhone 4 skin on the simulator and I zoom in, the image appears crisp and clear. Is this a problem with the simulator? [import]uid: 7116 topic_id: 23762 reply_id: 95593[/import]

#5

Try;

[lua]local background = display.newImage( “background.png”, true)[/lua]

Can you let me know if that makes a difference? [import]uid: 52491 topic_id: 23762 reply_id: 95648[/import]

#6

Hey all, I’ve been playing around with these settings, and they seem to work across all my devices:

config.lua:
[lua]–config.lua
–RDelia 3-19-2012

–Trying to account for all resolutions here :stuck_out_tongue:

application =
{
content =
{
fps = 60,
width = 320,
height = 480,
scale = “zoomStretch”,

imageSuffix =
{
["_hd"] = 1.8 --any suffix is allowed here :slight_smile:
},

},
}[/lua]

and my background is here:
[lua] local mainMenuBG = display.newImageRect( “media/images/SKS_TITLE_v2.png”, 480, 320 )
–dispObj_1:display.CenterReferencePoint()
mainMenuBG:setReferencePoint(display.CenterReferencePoint )
mainMenuBG.x = _Width/2;
mainMenuBG.y = _Height/2;[/lua]

I have an SKS_TITLE_v2_HD.png as well that is 1024x768 for iPad [import]uid: 135765 topic_id: 23762 reply_id: 95657[/import]

#7

@peach pellen Doesn’t seem to do the trick. Do you get the same problem when you test it in your simulator? Or is it just me? [import]uid: 7116 topic_id: 23762 reply_id: 95820[/import]

#8

Can someone please tell me if they see the same problems when the load my project. Other wise my project is basically dead. [import]uid: 7116 topic_id: 23762 reply_id: 96973[/import]

#9

HI Alex,

I downloaded your project and ran it in the Simulator as an iPhone 4. When I zoom in I can see that it’s blurry. Then I changed the first line to this:

[lua]local background = display.newImageRect( “background.png”,320,480)[/lua]

When I ran it again and zoomed in, it looked fine. It wasn’t blurry anymore. I also uploaded it to my 4th generation iPod touch and it looked fine there.

Mark [import]uid: 117098 topic_id: 23762 reply_id: 97017[/import]