Garden Gnome Software

Hi, I've done all the reading in the forum about the problems and what we can and can't do with html5 and can't figure out how to make hotspots with text appear or disappear in html5. I've used the setting for the complete group per directions with tile sizes and multi-res too http://www.zoomhome.com/lehigh/loading and they only seem to work with thing having flash. This is a sample I am using to pitch a client and want style (flash and html5) to work properly.

Other questions are as follows.
If I need to make a second template for the i devices which don't have flash to eliminate the text, how do I "direct" the devices to the right format if I only want to use say a single "index" page? I do want the hotspots to appear and go away in the flash versions so Is there some kind of sniffer which will see the device coming in that I can add to the page which will direct the devices to the correct format and size?

I know in your sample you have the map move off screen, is that only possible since it's in the skin?

Lastly what way can i trigger audio since your sample has audio I'd like to use it in several different projects but have been having problems getting it to work.

Thanks,

Russ Addie / Zoomhome

Hi
I have just tested this and it is working for me in HTML5?

I set a rectangle as my button, then gave it the action to Mouse click => Toggle Scale => Scale X/Y: 0 => Target: %hotspot

I was using a copy of the Simplex skin and the ID for the Hotspot Template is hotspot. Remembering you need to put a % in front of the element ID to address more than one element with the same ID.

I tested this in both Flash and HTML5 in Safari and on my iPad 2, this crashed my iPod Touch, 4th generation, what are you cube face sizes?
Regards
Hopki

I did not use a % in front as I addressed each as hs1, hs2,hs3 independently which could be my problem. As far as the cube face I was using the recommended sizes you mentioned in the spinning item in html from a week or so ago of 1440 and mobile output at 960x 700 480x416.

Also I don't totally understand how I can "direct" the incoming viewer to the correct format or is that done individually. I'd like to have a single "index" page where it will just serve up the correct format and size.

Russ

Hi Russ
Please see this link: http://gardengnomesoftware.com/wiki/Pan ... ML5_Export
Step 12 talks about adding a SWF file for Flash Fullback.

Just make sure you don't have an HTML page for the flash output just one for the HTML5 output which you can name index.html.
With flash fullback setup, when the HTML5, HTML page is opened it will check to see if a flash player plugin is installed or not, if prefer flash is selected and a flash plugin is detected it will show the flash version, if not it will show the HTML5 version.
Regards
Hopki

Thanks, I tried to download the .zip file for the project files and it doesnt seem to open. Can you see if there is a problem with it?

Russ

Hi Russ
Seem ok to me, I have deleted all the file that Pano2VR creates and re zipped and attached.
Regards
Hopki

Thanks Hopi downloaded and opened fine this time. I'll be playing tonight and hope to figure it out. Does any of this include that hotspot you said you had made that works?

Russ

Ok, I've taken the files and made some small changes and maybe that is the problem. I added in a show hide button for the hot spots and it works on flash http://www.zoomhome.com/HTML5/01_maria2.html but still not on html5 http://www.zoomhome.com/HTML5/01_maria.html even on my main PC with flash. When looking at it on my iphone I get them working alright except the hide show hotspot still doe not work. What am I doing wrong???

You CANNOT use the "hide/show" actions in HTML5
You must use "scaling" actions to achieve the same result.

Regards, Smooth

I just changed the skin (attached) to reflect the scale change and not hide / show and same exact results. flash http://www.zoomhome.com/HTML5/01_maria2.html but still not on html5 http://www.zoomhome.com/HTML5/01_maria.html even on my main PC with flash. What am I doing wrong or missing? I don't have the Prefer Flash if available since I am guessing that on my computer (PC) that it would make it seem like it's working and to not check it, the machine only sees html5 (using firefox 8.0

Russ

Hi Russ
Ok, gone through the skin, as Smooth says you cannot use hide and show action, you made sure you own actions used the scale but the user data, loader and all the tool tip text boxes all still used hide and show.

Also what is a complete show stopper is the % in front of the ID hotspot. Without it nothing will work, not even the scale self.
I have attached the project all working in a zip.

I am using the HTML page from the HTML5 output si if you want to see the Flash version Just open the project and in the HTML5 output's HTML tab just select the Prefer Flash if available.

Regards
Hopki

Hopki, yeah that works and I’m fixing the other demo for my client. Without that .zip, I would not have figured out the % issue unfortunately, so thanks as usual. So if any of the items change they have to be a scale change for HTML5 and nothing else will work?

I want to put audio into one, will that need to launch off a specific button (with scale?) or can I launch that when it loads and have an additional button like your online demo?

Zoomhome