Simple compas tutorial

[jaaaab]

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.

[popunonkok]

Thanx!

I havent got the time right now but it feels good to know that this is up on the net now... =) Im looking forward to testin it...

Thanx again...

[fotocubo]

Thanks so much jaaaab!

[jomla]

Thanks a lot! Nice tutorial.

[clustar]

Thanks you, jaaaab!!!

[birdseye]

Thank you very much Jaaaab !

[Ewart]

Cheers jaaab! Much appreciated.

[jaaaab]

De nada guys,

i hope you will post here your maps examples

++

[martynrlee]

Hi Jaab / Forum Guys,

Firstly, thanks very much for posting this useful hotspot/compass info.

I have just purchased the software and am trying to create an interactive map overlayed over the top of the virtual tour environment. I have followed your tutorial and can make the compass rotate correctly, works great, thank you again. I can also link between two tours using the loadpano function.

My question is: Can you explain how to attach the code to compasses on different virtual tours? I cant seem to figure out how to stop tour 1's compass from rotating all the time. I want the first tour's compass to stop when I click on the second tour's compass, and then initiate the compass for the second tour.

I hope I have explained this as simply as possible. Please have a look at what I have got so far to see what Im trying to acheive:

www.revolutionviewing.co.uk/testing_folder/fpp/

All help most appreciated...

Martyn.

[fbii]

Hi, Martyn,
I went here:
www.revolutionviewing.co.uk/testing_folder/fpp/
The scene loads, rotates, etc. but the left 1/5th side of the screen has what appears to be a 50% opacity brown area. Nothing else.
Is this where the compass is to reside?

fritz