Easy method for using iPad specific graphics?

(28 posts) (8 voices)

Started 6 months ago by hotseatgames
Latest reply from appwerkz

Tags:

hotseatgames
Member

Hi,
I'm working on my first iOS game, and am currently utilizing 3 sets of graphics (1x, 2x, and iPad specific). This will surely go to 4 sets if the iPad gets a retina display.

I greatly appreciate Sparrow's auto-detect / string replacement for the @2x suffix, but have seen no similar automated way to detect iPad graphics. I'm currently naming my iPad textures with _ipad at the end of the filename (before the extension of course). Is there any way to inform Sparrow to load these automatically?

I did search around, and found no information about this, so forgive me if this topic has been covered.

Prior to attempting to use iPad-specific graphics, I did have it loading the @2x graphics just fine, but they were stretched out due to the different aspect ratio between the iPhone and the iPad.

Posted 6 months ago #
borrrden
Moderator

Perhaps the info in this thread can help you out. It's a bit old, bit still relevant:

http://forum.sparrow-framework.org/topic/ios-42-ipad-strange-behavior#post-2345

Or maybe this one, since you already have three sets:

http://forum.sparrow-framework.org/topic/how-to-create-universal-app

Posted 6 months ago #
hotseatgames
Member

Thanks for the info. Assuming I tried to hack away at the Sparrow source to get it to auto-load ipad graphics in the manner I want, do you have any idea where I might look for that code? I'm hoping there is a single point in the source where the @2x is inserted into file names.

Posted 6 months ago #
borrrden
Moderator

That is not a Sparrow function. It is actually a part of Apple's framework.

Posted 6 months ago #
Shilo
Master Sparrow
Hello Mr. Hotseatgames

There are quite a few easy approaches to creating universal texture support. Some of which, are mentioned here: http://forum.sparrow-framework.org/topic/ipad-iphone-iphoneretina-images.

I feel like adding iPad/universal support is easy enough to do without modifying the Sparrow source or creating a category, but I have actually been meaning to create a category for this reason.

So here you have it: Sparrow+SupportPadResolution.h

I wanted to keep the design similar to Sparrow's high resolution support. So to enable iPad resolution support, you would do something like this:
- (void)applicationDidFinishLaunching:(UIApplication *)application { SP_CREATE_POOL(pool); [mWindow makeKeyAndVisible]; [SPStage setSupportHighResolutions:YES]; [SPStage setSupportPadResolutions:YES]; [SPAudioEngine start]; Game *game = [Game alloc]; mSparrowView.stage = game; game = [game init]; [game release]; [mSparrowView start]; SP_RELEASE_POOL(pool); }
Also, the default suffix for iPad filenames is "@hd", which can be changed here:
static NSString *sPadResolutionsSuffix = @"@hd";
Oh yeah, and don't forget to #import "Sparrow+SupportPadResolution.h" in your application delegate.
Posted 6 months ago #
Daniel
Primary Feather

That's great, Shilo, thanks a lot!!

I also found out that Apple has defined more file name extensions (additional to @2x) for that reason -- I'll try to get that into the Sparrow core quickly.

Posted 6 months ago #

Thank you for the code! However, it's currently not working for me. The @hd graphics are not being pulled in. I imported the .h file into the delegate file (I tried both the .h and the .m). Is there supposed to be a .m file for what you created?

Here's my routine. You'll see that I previously had some code detecting the iPad.

- (void)applicationDidFinishLaunching:(UIApplication *)application {
    SP_CREATE_POOL(pool);
    [window makeKeyAndVisible];
 
    [SPStage setSupportHighResolutions:YES];
    [SPStage setSupportPadResolutions:YES];
 
    [SPAudioEngine start];
    Game *game = nil;
 
    // force high resolution if we're on the iPad:
    if ([[UIDevice currentDevice].model rangeOfString:@"iPad"].location == 0)
    {
        [SPStage setContentScaleFactor:2.0f];
        //game = [[Game alloc] initWithWidth:384 height:512];
        game = [Game alloc];
    } else
    {
        //game = [[Game alloc] initWithWidth:320 height:480];
        game = [Game alloc];
    }
    sparrowView.stage = game;
    game = [game init];
    [game release];
 
    [sparrowView start];
 
    SP_RELEASE_POOL(pool);
}

Posted 6 months ago #

Shilo
Master Sparrow

The reason why this is happening, is because you have "[SPStage setContentScaleFactor:2.0f]", which forces Sparrow (and my extension) to search for textures with @2x. If you have a look at this method below, it only checks for iPad textures if the content scale is 1.0f:

+ (NSString *)absolutePathToFile:(NSString *)path withScaleFactor:(float)factor {
    NSString *absolutePath = [path isAbsolutePath] ? path : [[NSBundle appBundle] pathForResource:path];
 
    if (factor != 1.0f) {
        NSString *suffix = [NSString stringWithFormat:@"@%@x", [NSNumber numberWithFloat:factor]];
        NSString *pathWithScale = [absolutePath stringByAppendingSuffixToFilename:suffix];
        if ([SPUtils fileExistsAtPath:pathWithScale]) return pathWithScale;
    } else if ([self isDevicePad] && [SPStage supportPadResolutions]) {
        NSString *pathWithPadResolution = [absolutePath stringByAppendingSuffixToFilename:sPadResolutionsSuffix];
        if ([SPUtils fileExistsAtPath:pathWithPadResolution]) return pathWithPadResolution;
    }
 
    if ([SPUtils fileExistsAtPath:absolutePath])
        return absolutePath;
    else
        return nil;
}

So all you need to do is remove that line, like so:

- (void)applicationDidFinishLaunching:(UIApplication *)application {
    SP_CREATE_POOL(pool);
    [window makeKeyAndVisible];
 
    [SPStage setSupportHighResolutions:YES];
    [SPStage setSupportPadResolutions:YES];
 
    [SPAudioEngine start];
 
    game = [Game alloc];
    sparrowView.stage = game;
    game = [game init];
    [game release];
 
    [sparrowView start];
 
    SP_RELEASE_POOL(pool);
}

Posted 6 months ago #

Anonymous
Unregistered

Art of the senses is so good. Womens Timberland Classic High BootsThe art world because of the more beautiful. Art is always so colorful, people with fascination.Womens Timberland Roll Top Boots Thinking of flying the space, to find the most beautiful moment. Here, have a wonderful exciting irreplaceable art.

Posted 6 months ago #
hotseatgames
Member

I'll give it a shot. I think I tried various combinations of commenting that line out, commenting the high resolution line, etc. All I ever got was the ipad loading the 1x textures. I'll keep at it.

Is it correct that I only need to import your file in the delegate file header?

Posted 6 months ago #
Shilo
Master Sparrow
That is very odd. Your target family is iPhone/iPad correct? Have you tried creating NSLogs inside my extension to see what exactly happens? Also, I suggest you try this in your code:
NSLog(@"is iPad:%i", [SPUtils isDevicePad]);
... which should log "1".

Also, try cleaning your build and deleting/reinstalling the app on your iPad. This ensures that you are running the latest build.
Posted 6 months ago #

hotseatgames
Member

I did get a "1" logged. Unfortunately no @hd graphics are auto-loaded yet. Here are a few examples of files I'm attempting to load that end up being pulled in as 1x (no suffix) files.

bottomatlas = [SPTextureAtlas atlasWithContentsOfFile:@"bottom.xml"]; // should be <a href="mailto:bottom@hd.xml">bottom@hd.xml</a>
 
SPImage *backgroundImage = [SPImage imageWithContentsOfFile: @"menu_screen_.png"]; // should be <a href="mailto:menu_screen_@hd.png">menu_screen_@hd.png</a>

Posted 6 months ago #

Shilo
Master Sparrow

Forgive me for asking, but are you sure that you created and linked the menu_screen_@hd.png to your project?

If so, try replacing this method:

+ (NSString *)absolutePathToFile:(NSString *)path withScaleFactor:(float)factor {
    NSString *absolutePath = [path isAbsolutePath] ? path : [[NSBundle appBundle] pathForResource:path];
 
    if (factor != 1.0f) {
        NSString *suffix = [NSString stringWithFormat:@"@%@x", [NSNumber numberWithFloat:factor]];
        NSString *pathWithScale = [absolutePath stringByAppendingSuffixToFilename:suffix];
        if ([SPUtils fileExistsAtPath:pathWithScale]) return pathWithScale;
    } else if ([self isDevicePad] && [SPStage supportPadResolutions]) {
        NSString *pathWithPadResolution = [absolutePath stringByAppendingSuffixToFilename:sPadResolutionsSuffix];
        if ([SPUtils fileExistsAtPath:pathWithPadResolution]) return pathWithPadResolution;
    }
 
    if ([SPUtils fileExistsAtPath:absolutePath])
        return absolutePath;
    else
        return nil;
}
@end

With this:

+ (NSString *)absolutePathToFile:(NSString *)path withScaleFactor:(float)factor {
    NSLog(@"%s", __FUNCTION__);
    NSString *absolutePath = [path isAbsolutePath] ? path : [[NSBundle appBundle] pathForResource:path];
    NSlog(@"factor:%f", factor);
    NSLog(@"[self isDevicePad]:%i", [self isDevicePad]);
    NSLog(@"[SPStage supportPadResolutions]:%i", [SPStage supportPadResolutions]);
 
    if (factor != 1.0f) {
        NSString *suffix = [NSString stringWithFormat:@"@%@x", [NSNumber numberWithFloat:factor]];
        NSString *pathWithScale = [absolutePath stringByAppendingSuffixToFilename:suffix];
        if ([SPUtils fileExistsAtPath:pathWithScale]) return pathWithScale;
    } else if ([self isDevicePad] && [SPStage supportPadResolutions]) {
        NSString *pathWithPadResolution = [absolutePath stringByAppendingSuffixToFilename:sPadResolutionsSuffix];
        NSLog(@"pathWithPadResolution:%@", pathWithPadResolution);
        NSLog(@"[SPUtils fileExistsAtPath:pathWithPadResolution]:%i", [SPUtils fileExistsAtPath:pathWithPadResolution]);
        if ([SPUtils fileExistsAtPath:pathWithPadResolution]) return pathWithPadResolution;
    }
 
    NSLog(@"[SPUtils fileExistsAtPath:absolutePath]:%i", [SPUtils fileExistsAtPath:absolutePath]);
    if ([SPUtils fileExistsAtPath:absolutePath])
        return absolutePath;
    else
        return nil;
}
@end

and tell me what it NSLogs, please.

Posted 6 months ago #

hotseatgames
Member

I'm sorry it's taken me so long to reply, I haven't had much time to work on my game lately. I replaced the function, and found that it was not printing the NSLog lines; this leads me to believe that even though I believe I've imported the header file correctly, it's not calling into that function. It was my understanding that that function gets called automatically any time I attempt to load a file. Is that correct?

Posted 6 months ago #
Shilo
Master Sparrow
That's odd, I only needed to import the extension into the app delegate.

Try adding:
#import "Sparrow+SupportPadResolution.h"
... into all of your classes that contain '#import "Sparrow.h"'.

If that doesn't work, try importing it in all of your classes.
If that doesn't work, maybe just edit the sparrow core.
Posted 6 months ago #
Shilo
Master Sparrow

@hotseatgames

What version of Sparrow are you using?
From your post on the other thread, it looks like your version of Sparrow doesn't require the zlib framework, which leads me to believe my extension doesn't work for any version of Sparrow lower then 1.2.

Posted 6 months ago #
hotseatgames
Member

You may be on to something there. I checked the sparrow download link from the front page and found that my files were old. When I put in the new sparrow files, my project will not compile, complaining a lot about redeclarations and conflicting types. This might take a while to sort out.

Thanks for the ideas, you are very generous.

Posted 6 months ago #
hotseatgames
Member

That did it! After starting over with the scaffold project from the 1.2 version, and porting over my old code, the app now properly displays @hd images without any extra work. Thank you for your help... sorry it took so long to nail down!

Posted 6 months ago #
Shilo
Master Sparrow

Glad you got it working!

Posted 6 months ago #
Anonymous
Unregistered

After alive these appearance of those UGG Boots Clearance, you could acquisition what affectionate of styles is acceptable for you and which affectionate of archetypal you like the most. So, amuse just don't feel so arid to do this affectionate of work, which is the way to baddest the absolute acceptable and admired Cheap UGG Boots you like, Buy UGG Boots here.
[img]http://2.bp.blogspot.com/-lsdVR2gOLvM/TbA__l9cd9I/AAAAAAAAAME/_YZP4zAZefQ/s1600/beautiful-women-01.jpg[/img]
[url=http://www.ugbootfreeshipping.co.uk/]cheap ugg boots free shipping[/url]
[url=http://www.ugbootfreeshipping.co.uk/uggs-for-women-free-shipping-c-2.html]womens ugg boots free shipping[/url]
[url=http://www.ugbootfreeshipping.co.uk/jimmy-choo-boots-free-shipping-c-2_25.html]ugg jimmy choo free shipping[/url]

Posted 5 months ago #
Anonymous
Unregistered

After alive these appearance of those UGG Boots Clearance, you could acquisition what affectionate of styles is acceptable for you and which affectionate of archetypal you like the most. So, amuse just don't feel so arid to do this affectionate of work, which is the way to baddest the absolute acceptable and admired Cheap UGG Boots you like, Buy UGG Boots here.
[img]http://2.bp.blogspot.com/-lsdVR2gOLvM/TbA__l9cd9I/AAAAAAAAAME/_YZP4zAZefQ/s1600/beautiful-women-01.jpg[/img]
[url=http://www.ugbootfreeshipping.co.uk/]cheap ugg boots free shipping[/url]
[url=http://www.ugbootfreeshipping.co.uk/uggs-for-women-free-shipping-c-2.html]womens ugg boots free shipping[/url]
[url=http://www.ugbootfreeshipping.co.uk/jimmy-choo-boots-free-shipping-c-2_25.html]ugg jimmy choo free shipping[/url]

Posted 5 months ago #

sburavtsov
Member

Just tried this solution with latest scaffold project, with ViewController, and found it is not working until I set scaleFactor to 1.0 in viewDidLoad of ViewController, like this:

- (void)viewDidLoad
{
    [super viewDidLoad];
 
    // Customize your Sparrow settings here
 
    [SPStage setSupportHighResolutions:YES]; // loads '@2x' textures automatically
    [SPStage setSupportPadResolutions:YES]; // loads '@hd' textures automatically
    [SPStage setContentScaleFactor:1.0f];
 
    [SPAudioEngine start];                   // starts up the sound engine
 
    [Media initAtlas];      // loads your texture atlas -> see Media.h/Media.m
    [Media initSound];      // loads all your sounds    -> see Media.h/Media.m
 
    Game *game = [[Game alloc] init]; // this will start your game logic
 
    SPView *sparrowView = self.sparrowView;
    sparrowView.stage = game;
    sparrowView.multipleTouchEnabled = NO;
    sparrowView.frameRate = 30.0f;
 
    [game release];
}

I assume it is due wrong initializations order, as when setSupportPadResolutions tries to change scalefactor for all stages, there are no any stages yet, so this change loses.

Posted 2 months ago #

Daniel
Primary Feather
If you're talking about the latest (head revision on GitHub) scaffold, you shouldn't need any extensions! Use this new method:
[SPStage setSupportHighResolutions:YES doubleOnPad:YES];
and your game will load @2x graphics automatically. Just set your stage size to 384x512. (Play around with the unmodified scaffold; it should work as expected without any changes.)
Posted 2 months ago #
Daniel
Primary Feather
Ah, and if you need graphics that are specific for the iPad, use the following naming convention:
```
image@2x~ipad.png
image~ipad.png
```
etc. (As before: only works in the head revision.)
Posted 2 months ago #
enbr
Moderator

Will you explain the 384x512 idea? I don't really understand how it works.

Posted 2 months ago #
Daniel
Primary Feather

When you develop for an iPhone, you work with a resolution of 320x480 points. On a retina display, you get twice that size in pixels (640x960). For the low resolution, sd textures are loaded; for the high resolution, hd (@2x) textures.

Now we want the iPad to load hd textures automatically. Here comes the trick: we look at the iPad (1st or 2nd gen) as if it was a retina version of an older iPad with a resolution of 384x512 pixels.

Now it's simple: when the stage has a size of 384x512 points, and a scale factor of 2 (-> retina!), it will load @2x textures for the 768x1024 screen of the iPad.

The nice thing is that you can even go one step further: if the iPad 3 has a retina screen, you can look at it as having a 384x512 screen with a scale factor of 4! (@4x textures).

I know it's a little wicked! =) But does it make sense now?

Posted 2 months ago #
enbr
Moderator

I think that I understand it more now. So the purpose is to provide a 4x extension? Otherwise why not have 1x at 1024x768 and 2x at 2048x1536? What I mean, is why lower the iPad 1 screen resolution by half instead of using the normal screen size?

Posted 2 months ago #
Daniel
Primary Feather

Hehe, as I said, it's a little complicated *g*.

No, it's perfectly fine to use sd textures for 1024x768 and @2x textures for 2048x1536. That's the default, of course! If you create an iPad app, or a universal app, that's what Starling will do.

But look at this sample:

Forget the iPad 3 for now, and imagine you create an app for the iPhone. You code it in 480x320 and add @2x textures for the retina display of the iPhone4. Great, all iPhone variants settled.

Now you want to make a universal app from your game. Since the iPad has a bigger screen, the @2x textures from your retina version would work great on the iPad -- so it would be cool if Sparrow could load them when the game runs on the iPad.

To do that, set "doubleOnPad:YES" (see above) and set the stage size to 512x384. (You can center your 480x320 game in that area if you want, then you'll have black borders around the game).

Perfect: now the game runs on iPhone 3GS, iPhone 4, and on the iPads 1 & 2, with only the 2 standard sets of textures you'd have needed for the iPhone anyway.

But, OMG, now Apple releases the iPad 3 with a retina display. What about my app now? On the iPad 3, it should load my @2x textures, right, because it has a retina display? But that suffix is already in use, because of this "doubleOnPad:" trick! Exactly, and that's why Sparrow will now look for @4x on the iPad.

Better? =)

Posted 2 months ago #
enbr
Moderator

Yes much better. So the 512x384 size is for letter boxing iPhone apps with 2x textures to be universal.

Posted 2 months ago #
appwerkz
Member

Hi Daniel
I got my iPad3 today and sadly enough my app has texture loading issues with it because of the custom name I used for my texture atlas.
I am using Sparrow1.2. So, the only way I can use the naming conventions mentioned here is if I upgrade to Sparrow 1.3 or head, right?
Please confirm. Thanks!

Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.

Sparrow Forum

Easy method for using iPad specific graphics?

Reply