How to develop for low res, retina display and iPad at the same time with Points

cocos2d for iPhone » Programming » cocos2d support (graphics engine)

How to develop for low res, retina display and iPad at the same time with Points

(8 posts) (5 voices)

Started 1 year ago by Ricardo1980
Latest reply from Ricardo1980

Tags:

Ricardo1980
Member

Hi mates!

With new beta 3 it is easy to develop a game for low res and at the same time for retina display.
Following this steps is easy:
http://www.cocos2d-iphone.org/wiki/doku.php/prog_guide:how_to_develop_retinadisplay_games_in_cocos2d

But my question is, how can I create a game that works fine in 3 different formats? (adding iPad)
That is:
480*320 (aspect ratio=1.5)
960*640 (1.5)
1024*768 (1.333)

Evidently, the last format has a problem, its aspect ratio is different.

What do you think? How can I manage iPad version using what is called Points and different aspect ratio?
I'd like to know what you think.

Thanks in advance.

Posted 1 year ago #
JonKean
Member

for iPhone and iPhone Retina, use points everywhere and do not use pixels unless you have a very specific reason (which is rare, if ever).

iPad development is the same as any other universal app, where there is usually different XIB/viewcontrollers for each environment, or at a minimum use different points for the stuff you do layout.

Posted 1 year ago #
PaulCentaur
Member

It really depends on your game but there is no easy fix. You will need to carefully consider how you arrange elements on the iPad screen and write conditional code that uses the relevant point co-ordinates.

Whilst you are planning, it's worth considering targeting the other iPad orientation 768x1024 - and also considering whether you want to show the status bar on iPad, which will affect the screen size again.

In terms of keeping the assets simple (and keep a universal download small), try where you can to reuse the retina sprites on iPad (which will take up twice as many points). You will probably need to use iPad-specific buttons, HUD and background elements.

It's probably not helpful to think of the aspect ratio being different, but rather the canvas size.

Posted 1 year ago #
KosmoMike
Member

Hey Ricardo, I'm thinking right now about adding iPad support, and just like i said in this topic http://www.cocos2d-iphone.org/forum/topic/10096
You have two choices - you can create iPad 1024*768 game which will be same as Retina but you will have to add bigger background. Or you can try to upscale your game to 1024x682 to (maintain 1.5) and add something on missing top and bottom (2x 1024x53), but you will have to create new set of sprites and textures

I haven't tried this yet but you will probably need to move Cocos virtual point (0,0) from screen (0,0) to (32,64) to keep your game in the center

Posted 1 year ago #
ImpresionesWeb
Member

In "Traffic Chaos" I supported iPhone and iPad this way:

iPhone (320x480, no retina)
iPad (640x960 and centered)

All I had to do was scale x2 (in Photoshop) all the images and create a variable (NSSTRING) for the whole project called textiPad that could be @"" or @"ipad".
So my graphics where called "background.png" and "backgroundipad.png" and they would be choosen automatically with this variable.

My 2c :)

Posted 1 year ago #
KosmoMike
Member

All I had to do was scale x2
up-scalling is not best solution, you should try to get your original artwork and downscale, or export it to HD

Posted 1 year ago #
ImpresionesWeb
Member

Right,

the method I used was to create the iPad graphics first and then downscale (sorry for the missunderstanding and thanks KosmoMike for telling)

Posted 1 year ago #
Ricardo1980
Member

Thanks for replies.

I think iPad aspect ratio is a problem to create full universal apps (low res, ipad, retina display).

I have a question for Cocos2s authors, are you going to add iPad support in the same way you added retina disaplay support?

Thanks a lot.

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.