Object in Panorama, HTML5 with Flash Fullback
Posted: Wed Nov 16, 2011 5:03 pm
Hi
In a different post, see here: http://gardengnomesoftware.com/forum/vi ... f=6&t=6902
It was asked about objects in panoramas for Flash and HTML5 projects.
So I thought it would be good to post it up for all to see, here is the link to the project on line: http://support.ggno.me/oip
It's a two node tour, the first node has a point hotspot with the image of the toy, the second node has another point hotspot with a picture graphic and the toy is put in the panorama using the patch tool.
The project is designed to work with Computers with Flash, Mobile Flash players and the iDevices selecting screen sizes to reduce the memory needed to display the content.
How:
I use Flash multi-resolution for the panoramas, tiles 1440px, 720px and 360px, with a level tile size of 360px.
This will serve up different size tiles for whichever screen resolution you have on your phone/tablet. Making sure the levels can divide into each other exactly with the level tile size means nice squire tiles with no odd sizes in the tiles folders.
The HTML5 output has a setting level of 1440px, then in the mobile tab, 700px and 416px for the different devices.
Unzip and open the folder.
Open the park.p2vr project file and click the Create All button, now do the same for the pavilion.p2vr file. This will output the SWF and HTML5 files.
Please note that in the pavilion project file has a patch that is used to insert the toy image.
Now open the object folder and the object project. Click the Create All button.
This will output the SWF and HTML5 files.
Things to lookout for:
Multi-resolution, use the second file naming convention with the tiles_$n, this will create new folders for all the panoramas. If not you will end up over writing tiles.
The object needed to be in its own folder so the skin.js from the object does not interfere with the skin.js for the panorama.
There is one skin for the object using iDevice safe actions and two for the panoramas, one for the HTML5 and one for flash.
When uploading to a server you will need to upload the following,
Project folder:
images folder
object folder
tiles_park folder
tiles_pavilion folder
index.html
pano2vr_player.js
park.swf
park.xml
pavilion.swf
pavilion.xml
skin.js
swfobject.js
In the object folder:
images folder
object.html
object.swf
object.xml
object2vr_player.js
skin.js
Regards
Hopki
In a different post, see here: http://gardengnomesoftware.com/forum/vi ... f=6&t=6902
It was asked about objects in panoramas for Flash and HTML5 projects.
So I thought it would be good to post it up for all to see, here is the link to the project on line: http://support.ggno.me/oip
It's a two node tour, the first node has a point hotspot with the image of the toy, the second node has another point hotspot with a picture graphic and the toy is put in the panorama using the patch tool.
The project is designed to work with Computers with Flash, Mobile Flash players and the iDevices selecting screen sizes to reduce the memory needed to display the content.
How:
I use Flash multi-resolution for the panoramas, tiles 1440px, 720px and 360px, with a level tile size of 360px.
This will serve up different size tiles for whichever screen resolution you have on your phone/tablet. Making sure the levels can divide into each other exactly with the level tile size means nice squire tiles with no odd sizes in the tiles folders.
The HTML5 output has a setting level of 1440px, then in the mobile tab, 700px and 416px for the different devices.
Unzip and open the folder.
Open the park.p2vr project file and click the Create All button, now do the same for the pavilion.p2vr file. This will output the SWF and HTML5 files.
Please note that in the pavilion project file has a patch that is used to insert the toy image.
Now open the object folder and the object project. Click the Create All button.
This will output the SWF and HTML5 files.
Things to lookout for:
Multi-resolution, use the second file naming convention with the tiles_$n, this will create new folders for all the panoramas. If not you will end up over writing tiles.
The object needed to be in its own folder so the skin.js from the object does not interfere with the skin.js for the panorama.
There is one skin for the object using iDevice safe actions and two for the panoramas, one for the HTML5 and one for flash.
When uploading to a server you will need to upload the following,
Project folder:
images folder
object folder
tiles_park folder
tiles_pavilion folder
index.html
pano2vr_player.js
park.swf
park.xml
pavilion.swf
pavilion.xml
skin.js
swfobject.js
In the object folder:
images folder
object.html
object.swf
object.xml
object2vr_player.js
skin.js
Regards
Hopki