DeMonfort university - Institute of creative technologies

You can take a look at it here:

Virtual tour

This was supposed to be a very simple virtual tour. Just 1 scene, a video and show some information about the students.
But then the number of requested features grew and grew...
- When hover the students show their names.
- When click on the students show a picture and information about them.
- Can this information be shown as a hotspot? Yes sure.
- Is in possible to add a photo gallery for each student and a main gallery displaying photos of the event? Mmm yes...
- Can the hotspot be closed either clicking on it or clicking on the student? Mmm Mmm certainly...
- Do you think a hotspot should be closed when a new one it's opened? Actually that makes sense...

So I ended with a genuinely amazing and big xml file with 1,400 lines!

I think all the effort and time spent in front of the computer worth it.

Cheers

Oh!

Thank you very much for the feedback!!

The 'look to' action is a really good suggestion! I added it to the
virtual tour.

The main gallery have a mask but I prefer to show the hotspots gallery
without mask. Adding the mask reduces the 'hotspot effect' is my
opinion.

Regarding the issues:

- The big photo overlapping the thumbnails is not zorder fault. It's my fault. I forgot to resize the original picture.

- The other issue, the vertical photographs appearing distorted because their width was stretched to the same width as the horizontal photographs. The funny thing was that this didn't happen all the time.

This is how I generated the photographs:

<action name="show_image">


	 action(hide_all_images);


addhotspot(image_%6);


 set(hotspot[image_%6].url,%SWFPATH%/../images/student_%1/image%6.jpg);
	 set(hotspot[image_%6].ath,get(hotspot[infobox_%1].ath) );
	 set(hotspot[image_%6].atv,get(hotspot[infobox_%1].atv) );
	 set(hotspot[image_%6].ox,-280);
	 set(hotspot[image_%6].oy,85);
	 set(hotspot[image_%6].widht,);
	 set(hotspot[image_%6].height,);
	 set(hotspot[image_%6].alpha,1);
	 set(hotspot[image_%6].visible,true);
	 set(hotspot[image_%6].zorder,30);
	 set(hotspot[image_%6].keep,false);
	 set(hotspot[image_%6].onclick,action(hide_all_images, %6); );   
	 set(hotspot[image_%6].onhover,showtext(Click to see close););
	 set(hotspot[image_%6].edge,center);
	 set(hotspot[image_%6].zoom,false);


	 trace(show_image);


</action>

At the beginning I didn't have the width and height property. When you pointed out that the images were distorted I thought adding a empty property would solve the problem. But in didn't. Then I noticed I mistyped 'width' (I typed 'widht'). So now it's solved.

If anyone else sees something that looks weird please let me know.

Cheers