Hi,
The iPad 2 panos don't look bad at all on the new iPad.
Right, the normal panos are already looking very good!
However, the UI looks quite pixellated. Any ideas on the best way to handle plugins now?
The iPad 3 has virtually the same resolution as the iPad 1 and iPad 2 but with the difference that 1 virtual pixel = 4 real pixels,
that means the layout sizes and coordinations are completely the same.
To use the higher display resolution for user interface images like <plugin> or <hotspot> images - just use images with the double resolution and scale them down by 50%.
This could be done either only just for the iPad3 or generally for all devices - on the iPad3 this will cause a 1:1 display and on iPad1, iPad2 and iPhone on downscaled/downsampled image - but everywhere with the same size.
e.g. when a normal button has a resolution of 100x50 pixels:
|
Source code
|
1
|
<plugin name="button" url="button_normal_100x50.png" ... />
|
and when on the iPad 3 the full screen resolution should be used, make it 200x100 large and include it that way:
|
Source code
|
1
|
<plugin name="button" url="button_retina_200x100.png" scale="0.5" ... />
|
This code will work for all devices, but it you want you can use two 'optimized' images - the smaller ones for iPad1-2, iPhone and the larger ones only for the iPad3:
|
Source code
|
1
2
|
<plugin name="button" url="button_normal_100x50.png" ... />
<plugin name="button" url="button_retina_200x100.png" scale="0.5" devices="iPad+Retina" ... />
|
I was also wondering if buttons etc show up smaller the ipad 2...
No, the layout will be exactly the same!
It's exactly like iPhone 3 and iPhone 4.
What about performance?
so big images.. tween of alpha and with children..
iPad2 has bad performance for draging feature and ather effects.
Do you have an example/link to test?
At the moment I would say the iPad 2 and iPad 3 have the same rendering performance...
And also the cpu speed (js code) is also almost the same...
Beside of that - I'm still testing/exploring the iPad 3 and trying to optimize several things for it, but here already some facts that I know about the iPad 3:
- the size of single images is limited to 1448x1448 like on iPad 1 and iPad 2 with iOS 5.1, see here, larger single images become automatically downscaled by Safari/iOS
- using tiles to load bigger images is possible and panos with sizes like 2048x2048 are working but not perfect and not stable,
- not perfect means there is long loading time (but I'm already trying to improve that as much as possible) and that the Safari browser is often rebuilding/redrawing it's internal tiles which doesn't look good and slows the browser down (here I'm also already trying to improve that)
- and not stable means that a 2048x2048 pano will let the browser sometimes crash...
- the CSS 3D images on the iPad3 doesn't seem to benefit from the additionally RAM that the iPad has - the whole Safari browser behaves exactly like the browser on the iPad 2 (with iOS 5.1), so the iPad 2 and the iPad 3 seems to be able to load and use the same sized images (maybe the iPad 1 with iOS 5.1 too, but I haven't updated my iPad 1 yet)
So until all still testing and optimizing is ready I can't say what max. size will be usable without browser crashes - at the moment single-image 1400x1400 or tiled 1800x1800 panos are looking good and stable but I haven't tested them yet with 'full-featured' tours...
And maybe also existing 2048x2048 panos will be stable usable with some automatic internal downscaling...
If someone want to use already bigger images with the current krpano version (for all iPads with iOS 5.1) I would recommend these settings for the moment:
- <tablet> images up to 1414x1414 (buildtabletres=1414 in the droplet config files) and...
- <display html5rendermode="2" hardwarelimit="1414" devices="iPad+iOS5.1" />
With that setings the iPhone 4 and iPads with an older iOS version than 5.1 will automatically downscale the <tablet> images (to be stable) and on iPad 2 and iPad 3 with iOS 5.1 the full 1414x1414 resolution will be used and displayed (note - 1414 is used as max. size to avoid an automatically downscaling on older iOS versions) .
Best regards,
Klaus