jaaaab
09-16-2007, 01:19 PM
Hi all
Here's finaly the tutorial i talked about a few weeks ago in intend to create a simple compas.
So sorry if some of you are waiting for a long time, but i remind no one here is paid to help others...
I had to work on it to fix some bugs and make it easy for everyone.
So here's what you need.
A simple compas will be composed of two objects: a map image and a field of view graphic that follows the panning.
In intend to improve your workflow, i strongly advise to use Denis pano Editor and to work without autorotator plugin (you will add it at last).
First download the fov .fla file attached to this post.
The source file is composed of two layers: sprite, which contains the graphic of your fov, and script, which contains the necessary AS3 code.
You don't need to modify script layer, but you can if you want to add some functionnality.
You only have to customize your fov graphic in sprite layer and then compile your fov.swf using flash CS3.
Now create a new pano with its xml parameters file.
Place your map .jpg on it as a static spot.
Create a new hotspot from fov.swf, name it "fov" and place it over your map using the editor (you can play with the depth param).
<spot id="fov" url="fov.swf" static="1" align="LB" salign="LT" staticX="96" staticY="207.00" depth="3" />
Be careful to adjust its alignment to its Left Bottom corner (align="LB"), the point it's rotating from.
Now place this xml line under your fov spot:
<spot id="deltarotation" rotation="0" />
Run your pano, it works! (hope so)
You can see the fov is not synchronised with your panorama direction.
Adjust deltarotation rotation value with editor to match the pano direction.
When you'll add a second pano to your tour, dont forget to change deltarotation to match the new pano direction, and replace your fov with something like this:
<spot id="nextPano" url="mySpot.png"
onClick=";
global.onTransitionEnd=setFov1();
loadPano(?panoName=myPano);
"
/>
after the <global> tag place your function:
setFov1 = "
fov.staticX=newValue;
fov.staticY=newValue;
deltarotation.rotation=newValue;
"
This code will fire when the new pano is fully loaded, and will refresh the fov.
Well now the only thing you have to do is some xml positionning with motion tween in intend to add some life to your map!
Waiting for some feedbacks to improve this tuto.
Cheers.
Here's finaly the tutorial i talked about a few weeks ago in intend to create a simple compas.
So sorry if some of you are waiting for a long time, but i remind no one here is paid to help others...
I had to work on it to fix some bugs and make it easy for everyone.
So here's what you need.
A simple compas will be composed of two objects: a map image and a field of view graphic that follows the panning.
In intend to improve your workflow, i strongly advise to use Denis pano Editor and to work without autorotator plugin (you will add it at last).
First download the fov .fla file attached to this post.
The source file is composed of two layers: sprite, which contains the graphic of your fov, and script, which contains the necessary AS3 code.
You don't need to modify script layer, but you can if you want to add some functionnality.
You only have to customize your fov graphic in sprite layer and then compile your fov.swf using flash CS3.
Now create a new pano with its xml parameters file.
Place your map .jpg on it as a static spot.
Create a new hotspot from fov.swf, name it "fov" and place it over your map using the editor (you can play with the depth param).
<spot id="fov" url="fov.swf" static="1" align="LB" salign="LT" staticX="96" staticY="207.00" depth="3" />
Be careful to adjust its alignment to its Left Bottom corner (align="LB"), the point it's rotating from.
Now place this xml line under your fov spot:
<spot id="deltarotation" rotation="0" />
Run your pano, it works! (hope so)
You can see the fov is not synchronised with your panorama direction.
Adjust deltarotation rotation value with editor to match the pano direction.
When you'll add a second pano to your tour, dont forget to change deltarotation to match the new pano direction, and replace your fov with something like this:
<spot id="nextPano" url="mySpot.png"
onClick=";
global.onTransitionEnd=setFov1();
loadPano(?panoName=myPano);
"
/>
after the <global> tag place your function:
setFov1 = "
fov.staticX=newValue;
fov.staticY=newValue;
deltarotation.rotation=newValue;
"
This code will fire when the new pano is fully loaded, and will refresh the fov.
Well now the only thing you have to do is some xml positionning with motion tween in intend to add some life to your map!
Waiting for some feedbacks to improve this tuto.
Cheers.