HTML templates for Pano2VR 3

[Wim.Koornneef]

@ Thomas,

For using HTML 5 I have to modify my existing customized html templates and for this I need some information.

I prefer to output a single html file that can be used on all kind of devices regardless their screen size or platform.
For this the html file must include an option for automatic switching between Flash (default) and HTML 5 depending on the device the pano is playing on.
For display on iDevices the html file must also include a switch to use a set of small, instead of normal sized, cube faces.
To output such a html file I need to modify my html templates.

Q) Will you release a HTML template, or the code needed to make a customized template, for automatic switching between platforms and cube face sizes as described above ?

Thanks for your help.

Best,
Wim

[vilmer]

Hoi Wim,
if you look in the source of http://gardengnomesoftware.com/samples/pano2vr_3/tour/ you will see a reference to modernizr-1.5.min.js which does the trick switching between flash and html 5 devices, for more info see http://www.modernizr.com/
The trick of switching between different iThings is done by setting different cube sizes for different max. display sizes, if I'm not mistaking. See also his topic: http://gardengnomesoftware.com/forum/vi ... f=6&t=4806 (Hopki » Sun Aug 08, 2010 2:29 pm)

Groeten,
Ronald

[Wim.Koornneef]

Hello Ronald,

Thanks for your input.

...in the source of http://gardengnomesoftware.com/samples/pano2vr_3/tour/ you will see a reference to modernizr-1.5.min.js which does the trick switching between flash and html 5 devices, for more info see http://www.modernizr.com

Another (easy) method to switch between platforms is just to use the Flash version check already available in the flash html templates and then using HTML 5 code if Flash isn't available (what is the case for all iDevices).

The trick of switching between different iThings is done by setting different cube sizes for different max. display sizes, if I'm not mistaking...

Making different sets of cube faces for different devices isn't a problem but it needs html code to check what kind of device is used and then serve the best set of cube faces for that device.
Another thing is that all this html code must be generated by using a html template. This html template (the .ggt file) will be pretty complex so if there is a basic template available that includes the switch options then it will be much easier for me to use the code as a base to modify my existing customized templates.

Wim

[thomas]

Making different sets of cube faces for different devices isn't a problem but it needs html code to check what kind of device is used and then serve the best set of cube faces for that device.
Another thing is that all this html code must be generated by using a html template. This html template (the .ggt file) will be pretty complex so if there is a basic template available that includes the switch options then it will be much easier for me to use the code as a base to modify my existing customized templates.

The HTML5 player already switches between different cube face sizes for different screen resolutions. Just add some lines at the "Mobile" tab. The maximum screen resolution define the different levels, and the cube face size is the size of these cube faces for this level. For this switching the actual resolution is used, so the iPhone 4 reports 960 pixels. btw: older iPhones have 480px and iPad is 1024px. If the actual screen resolution (for example on the PC) is over the maximum level define, the tile size from the "Settings" tab is used.

[Robert Harshman]

Thomas,

this is the best idea yet for optimizing both mobile devices and even desktops, it's really quite a great feature.

the point I'm not clear on still is the flip between html 5/CSS and flash. Since it seems that only apple's safari 5.n supports CSS 3D transforms and all of the other browsers don't today.

so if I use the default html, java, etc. can I produce a tour that will work on the desktop and use flash except for safari, or is it simply all based on screen size?

regards,

Robert

[dp.math]

Hi all,

could Thomas help us adding the modernizer script in the template code?