Sorry your browser is not supported!

You are using an outdated browser that does not support modern web technologies, in order to use this site please update to a new browser.

Browsers supported include Chrome, FireFox, Safari, Opera, Internet Explorer 10+ or Microsoft Edge.

AppGameKit Classic Chat / Graphics Size?

Author
Message
Kieran Adams
12
Years of Service
User Offline
Joined: 2nd Oct 2011
Location: Brighton
Posted: 19th Jun 2012 22:49
Hello, I have just recently brought AppGameKit and the hands on AppGameKit basic book and have decided to design my game now. But the problem is, what size do I set my graphics width and height to as AppGameKit is cross platform and supports multiple devices meaning that the screen sizes change also, which is why I'm stuck as I don't know what size to set my graphics to.

Any help will be appreciated, thanks

4B 69 65 72 61 6E 20 41 64 61 6D 73
BatVink
Moderator
21
Years of Service
User Offline
Joined: 4th Apr 2003
Location: Gods own County, UK
Posted: 19th Jun 2012 23:04
I tend to work with my "preferred" format for the game I am making, halve this for the virtual screen size, and double my graphics size for any small graphics. Sounds bizarre but my calculations lead me to believe this is a ideal configuration. For example:

Target screen: 1440x900
Virtual Screen size : 720x450

Icon graphics e.g 32x32 - design as 64x64
Midsize graphics - 1:1 based on target screen size.

This is not official, it's just the way I work. Small graphics can become easily distorted hence making them bigger than needed.

Marl
12
Years of Service
User Offline
Joined: 19th Nov 2011
Location: Bradford, UK
Posted: 20th Jun 2012 00:46
Welcome to AppGameKit Kieran.

It will come as no surprise that this gets asked a lot and there are almost as many answers as there are screen sizes

For starters, you have two "modes" of operation;

The Percentage System - where the x and y coords go from 0 to 100
The Virtual Resolution System - where you set a working resolution or use the native one of the device.

Both have their pros and cons and the board is split so you'll probably get opinions from both sides of this.

When it comes to designing the graphics, the important thing is to consider your primary target market and work from there.

For Windows, it's pretty much whatever you feel looks right
For mobile devices you would probably use higher resolution graphics for Tablets than you would for phones.

Whatever you go with, AppGameKit will do most of the work for you in terms of scaling, so the other things to consider are things like file sizes and device power.

For example, lower end phones are very limited on storage so if you are looking at these, you will want to be efficient and keep your files as small as possible.

I personally use the virtual resolution system and wherever possible work at the native resolution of the device - that way AppGameKit needs to do less scaling and so is less demanding on the CPU of smaller devices.

There are plenty of examples with AppGameKit and on here which you can use to try out ideas.

One important tip - a lot of devices prefer to use graphic files with resolutions which are a power of 2 - ie. 32 , 64 , 128 , 256 , 512 , 1024 etc.

You can chop these up once loaded, but it's a good idea to stick to these size for the graphics files themselves.
Kieran Adams
12
Years of Service
User Offline
Joined: 2nd Oct 2011
Location: Brighton
Posted: 20th Jun 2012 15:58
Thanks for your help, both of you. So from now on I will be doing my icons 64 x 64 and my width and height for IPhone will be using:

Width: 320
Height: 480

But will that mean if I want the game to play on all of the platforms I will have to re-compile the game each time with different width and height images to suit the device?

4B:69:65:72:61:6E:20:41:64:61:6D:73
baxslash
Valued Member
Bronze Codemaster
17
Years of Service
User Offline
Joined: 26th Dec 2006
Location: Duffield
Posted: 20th Jun 2012 17:08
You can get away with that resolution if you don't mind a black border occasionally top/bottom or left/right.

Personally I don't find it very noticeable.


this.mess = abs(sin(times#))
DVader
20
Years of Service
User Offline
Joined: 28th Jan 2004
Location:
Posted: 22nd Jun 2012 17:42
320x480 works fine on my android device. You get a tiny border but as baxslash says, not really too bad. It is easier to do it like that than to try to detect the screen size, and position everything to suit for each device anyway I'm pretty sure 320x480 should be supported by most phones. I have no other devices than android to test on presently though.

Login to post a reply

Server time is: 2024-05-02 01:15:22
Your offset time is: 2024-05-02 01:15:22