[Disscussion] Which is better for mobile games, PNG or SVG? (2024)

q8phantom

wrote on last edited by

I want to make several 2D games for mobile platforms, mainly using Qt for iOS, Android, Symbian, MeeGo and whatever supported by Qt (WP7?).

I've made one game already using PNGs. (Card game : Dewan of kout )
http://itunes.apple.com/us/app/dewan-of-kout/id491157833?mt=8
http://store.ovi.com/content/208820

I'm thinking of making a game similar to that one, and also another game similar to "battleheart":http://www.youtube.com/watch?v=0VqlJ_AvFS8

What do you think is the best option, PNG files or SVG files or other formats? Which is better for mobile games, PNG or SVG?

and BTW, I'm using QGraphicsView with bunch of QGraphicsPixmapItem

Bests
Ahmed

1

sierdzioModerators

wrote on last edited by

1

q8phantom

wrote on last edited by

[quote author="sierdzio" date="1328868566"]PNG is the way to go. You can use SVG internally to get good quality, but the resulting game should be using PNGs. Reason is quite simple: displaying (parsing and drawing) SVG files takes a lot more time (IIRC, time is a few orders of magnitude longer).[/quote]

The thing is I liked the way how you can make Sprite sheets easliy in SVG

Also, the rumor about the new screen res of the iPad 3, am creating screen res independent games :)

1

sierdzioModerators

wrote on last edited by

I know, it would be nice and easy to go with SVG, but it seems that the choice is this:

• either go with PNG and go through pain of generating separate files for various resolutions
• or try SVG and suffer from performance loses (or, if the amount of SVG content is not too large, the battery might get hit even though performance would stay decent)

1

sierdzioModerators

wrote on last edited by

q8phantom

wrote on last edited by

Ok, let's ask another question,

In both cases, I'm scaling my images!

In PNGs, I scale images to a percentage where it looks good on screen.

So I will do in SVGs

BTW, I'm searching the internet for SVG Files to do comparison

Bests

sierdzioModerators

wrote on last edited by

Jake007

wrote on last edited by

q8phantom

wrote on last edited by

Thank you that's a great idea

[quote author="Jake007" date="1328980764"]You can have images saved as SVG and when you start your game, you resize them to desired resolution and save them ( only to RAM) as png or bmp ( preferably to bmp for better performance) with which your work with. [/quote]

Anyways I have made a comparison if anyone want source code let me know.

q8phantom

wrote on last edited by

Can anyone give me hints on how to resize the an svg and then convert it

I will appreciate a code snippet

Bests

q8phantom

wrote on last edited by

Code snippet

You can multiply the size to any size you like for the SVG Item or set the size customly in the QPixmap constructor

Bests

@ QSvgRenderer renderer;
renderer.load(QLatin1String("Head.svg"));
QPixmap image(renderer.defaultSize()2);
image.fill(Qt::transparent);
QPainter painter(&image);
renderer.render(&painter);
QGraphicsPixmapItem item = new QGraphicsPixmapItem(image);
@

1

Gianluca

wrote on last edited by