C2 Iphone speed tests

Hi all,

Just wondered if someone else with an iphone could take a look at the following examples and let me know if they see a speed difference:

1) http://www.sundriedspacemonkey.com/hog/hog1.html

2) http://www.sundriedspacemonkey.com/hog/hog2.html

I have just made a few changes to the html file. Number 2 doesn't specify the width or height of the canvas and definitely seems quicker on my iphone. I am not sure why it resizes to the size it does as the js file still specifies 500 by 500.

I played Hand of Greed and wanted to see how fast I could get C2 to perform.

Hand of greed is rapid and it is a html5 and javascript web app. The only difference I can see is that the images are specified outside of the js file.

Check it out on the following link. You will need an iphone though.

http://www.brainiumstudios.com/webapp/

My phone is the original 3G but my wife has an iPhone 4 and I noticed a speed difference on that too.

Thanks guys,

Marc

http://www.mrmdesign.com

http://www.sundriedspacemonkey.com

P.S. I only removed the link as it was a test. In a real project I would keep the link intact cause I loves C2 I does and I really appreciates it...

In 2) the width and height attributes are missing from the canvas tag in the HTML, so it reverts to browser default (300x200 IIRC). 1) has the attributes present so displays correctly.

If you want to measure speed, you should also throw in a text object and set it to fps every tick - then you can see the fps instead of trying to tell which looks smoother!

I'd also be interested to see if there's any difference on iOS 5 - apparently the canvas has been sped up a bit in that.

Hi Ashley,

I have added the FPS as suggested and the results are:

hog1: 12 fps

hog2: 30fps

What do you think it could be?

Cheers,

Marc

Those results are on my iphone 3g.

These results are on my wife's iphone 4

hog1: 23fps

hog2: 49fps

Anyone got an ipad?

You still haven't fixed hog2 - it's not a fair test at all because it's much smaller than hog1, so only a fraction of the canvas needs to be rendered, so there's much less work to do.

Hi Ashley,

You are right. I don't know what I was thinking. Of course it will run quicker with a smaller canvas. Doh!

My baby son has my head a bit frazzled at the moment due to lack of sleep...

Anyway, I tried fiddling with hog2 after looking at hand of greed. Adding these seems to work really well on my iphone:

<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=0;"/>

<meta name="apple-mobile-web-app-capable" content="yes" />

<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />

Edit: Obviously you cant zoom in or out but it definitely works better for an app. The address bar doesn't disappear like it should though....

I will work it out.

The fps shot up to 15 when I rotated it. It seems to like it.

I can't wait to install IOS5

The address bar disappears when you add the app to the homescreen and launch.