Forums  

Go Back   Forums > Talk > General FPP Discussion

Reply
 
Thread Tools Display Modes
  #1  
Old 11-20-2007, 07:44 PM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default Polygonal Hotspots

Hi everyone,

I'm a former PurePlayerPro user and used to create hotspots as invisible active area. It was called polygonal hotspot.

Code looked like that =>

Code:
<polygon>
        <vertex pan="-60.139565" tilt="-1.037607"/>
        <vertex pan="-69.241875" tilt="-0.984498"/>
        <vertex pan="-71.933044" tilt="-1.212121"/>
        <vertex pan="-76.638893" tilt="-2.921405"/>
        <vertex pan="-76.540642" tilt="-4.918294"/>
        <vertex pan="-55.563255" tilt="-4.607037"/>
        <vertex pan="-55.584007" tilt="-3.468971"/>
      </polygon>
Is there anyway to do something like that with FP?
Reply With Quote
  #2  
Old 11-20-2007, 08:07 PM
zleifr's Avatar
zleifr zleifr is offline
Senior Member
 
Join Date: May 2007
Posts: 609
Downloads: 0
Uploads: 0
Default

No, not directly. The work around would be to compose the shape using a few hotspots rectangular hotspots appropriately placed and/or rotated and put the same action on all of them, and alpha=0 to make it invisible and active.

So if you wanted a T shape, use two rectangles. If you want an X shape use two rectangle with rotation set appropriately. For a pyramid, set a bunch of rectangles on top of each other with decreasing widths.

It's the calculus approach.
Reply With Quote
  #3  
Old 11-20-2007, 08:14 PM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default

Thank you for the tip, but I guess I'll have to figure out something else for some of my hotspots. ie gallo-roman path hotspot on this tour => http://visitimo.fr/clients/francmayne/relais_en/

Your technique is of course a good one, but maybe I can find another workaround, maybe a png with some transparence in it?

++
Erwin

Last edited by 3rw1n; 11-20-2007 at 08:18 PM.
Reply With Quote
  #4  
Old 11-20-2007, 08:27 PM
zleifr's Avatar
zleifr zleifr is offline
Senior Member
 
Join Date: May 2007
Posts: 609
Downloads: 0
Uploads: 0
Default

Nice tour!

It took me forever to find the gallo-roman paths. But replicating that hotspot seems very possible using the method I outlined. I would use box spots, so that they can be distorted. In fact, just make a 1 px png load it into 3 or 4 distorting box spots and set the orientation to down and move them on top of the path with pan tilt, depth, rotation, whatever, and you can use scalex and scaley to change the width and length of each spot.

The more work, and more spots you use, the closer to perfect you will get. I would guess that with 3 or 4 you could have it be as good as it is now.

Zephyr
Reply With Quote
  #5  
Old 11-20-2007, 08:28 PM
zleifr's Avatar
zleifr zleifr is offline
Senior Member
 
Join Date: May 2007
Posts: 609
Downloads: 0
Uploads: 0
Default

Use the editor plugin to place them. and when you've got them all placed change the alpha to 0.
Reply With Quote
  #6  
Old 11-20-2007, 08:31 PM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default

Thank you a lot for helping, I will try your technique tonight.

++
Erwin
Reply With Quote
  #7  
Old 11-21-2007, 05:53 AM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default

Thank you again, I managed to do this => http://visitimo.fr/clients/francmayne/FPP/bibi.html

I worked all night on it, it's not perfect at the time but I guess that with a little help of you guys I'll be able to make it look nice.

Any review is welcome, especially on how the hotspots(image growing) are managed. I think I coud have done it a lot easier.

By the way here's a piece of the xml file if it interests any of you =>

Code:
<?xml version="1.0"?>

<panorama>

<parameters>
	
panoName = pano_small
layer_1 = hotspots.swf
layer_4 = loadMeter.swf
layer_2 = autorotator.swf
layer_3 = editor.swf
loaderTextColor = #FFFFFF
loaderBackColor = #000000
loaderText = 
zoomMax = 1.7
zoomMin = 0.3

</parameters>

<hotspots>
	
<global LocalConnectionID="lc_test" onStart="loadPreview();" loadPreview="   loadPano(?panoName=pano_small);   onTransitionEnd=loadMain();  " loadMain="pano.leash=lock;   loadPano(?panoName=pano,400);   onTransitionEnd=  " goUp="   pano.qualityStatic=low; saturation=0,1000;  contrast=0,1000; blendMode=normal; depth=15; static=1; scaleable=0; staticX=0,1000; staticY=0,1000; scale=1,600; distance=1,800; rotationX=0,1000,elastic; rotationY=0,1000,elastic; rotationZ=0,100; global.timer=1,500; pano.qualityStatic=medium; "  goDown="   pano.qualityStatic=low; saturation=-0.5,1000; contrast=-0.22,1000;  depth=10; static=0;   scaleable=1; scale=0.5,500; distance=1,600; rotationX=0,600; rotationY=0,600; global.timer=1,700; pano.qualityStatic=medium;   "  restoreQuality="pano.qualityStatic = medium;" hideInfo="   infoscreen.visible = 0;   ">


<spot id="prefs" url="images2/prefs.png" smoothing="1" static="1" visible="1" onClick="visible=0;fullscreen(-);fs.visible=1" depth="5"/>
	
<spot id="fs" static="1" salign="RB" align="RB" smoothing="1" staticX="-15" staticY="-15" url="images2/fs.png" blendMode="lighten" onOver="fsinfo.visible+=1;scale=1.1,600,elastic;depth+=20" onOut="fsinfo.visible=0;scale=1,300;depth-=20" onClick="fullscreen(-)" visible="0"/>

<spot id="fsinfo" static="1" salign="RB" align="RB" staticX="-85" staticY="-15" url="images2/fsinfo.png" visible="0"/>



<box id="GR1" url="images2/spot.png" pan="-149.00" tilt=" -31.00" rotationX="44.00" align="RB" depth="1" scaleX="1000.00" scaleY="40.00" 	onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>

<box id="GR2" url="images2/spot.png" pan="-127.00" tilt=" -18.25" distance="1.12" rotationX="67.00" rotationY="-52.00" align="RB" depth="2" scaleX="500.00" scaleY="25.00" scaleable="0" 		onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>


...
...
...



<box id="gallo" saturation="-0.5" contrast="-0.25" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg" openMe="hidePic(); global.hidePic=gallo.closeMe; goUp(); sAlign=CM ; align=CM ; staticX=0; staticY=0;  gallo.visible+=1; gallosmall.visible=0 ; onClick=closeMe" closeMe="global.hidePic=; goDown(); visible=0; onClick=;"/>
<box id="gallosmall" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg"/>

...
...
...

</global>

    </hotspots>
	
</panorama>


++
Erwin

Last edited by 3rw1n; 11-21-2007 at 04:30 PM.
Reply With Quote
  #8  
Old 11-21-2007, 06:45 AM
zleifr's Avatar
zleifr zleifr is offline
Senior Member
 
Join Date: May 2007
Posts: 609
Downloads: 0
Uploads: 0
Default

You are definitely making progress. Now put some tooltips on all those spots.

And I never quite could figure out what brings up the little photo in the top left corner sometimes, and others it brings up the photo in the middle. maybe put a little close button on the photo.

And, you could pull up the little photos within a tooltip, so that they would be more connected to the mouse over the pano.

Just some thoughts.
__________________
Zephyr Renner - AdvancedVirtualTours.com - zleifr @t yahoo

Improving the panoramic one mighty fine plug-in at a time: http://www.flashpanos.com
Reply With Quote
  #9  
Old 11-21-2007, 04:25 PM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default

Quote:
Originally Posted by zleifr View Post
You are definitely making progress. Now put some tooltips on all those spots.


And, you could pull up the little photos within a tooltip, so that they would be more connected to the mouse over the pano.
What are you calling tooltips?

Quote:
And I never quite could figure out what brings up the little photo in the top left corner sometimes, and others it brings up the photo in the middle. maybe put a little close button on the photo.
You can see it in my xml file

Code:
<box id="GR1" url="images2/spot.png" pan="-149.00" tilt=" -31.00" rotationX="44.00" align="RB" depth="1" scaleX="1000.00" scaleY="40.00" 																					onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>

<box id="GR2" url="images2/spot.png" pan="-127.00" tilt=" -18.25" distance="1.12" rotationX="67.00" rotationY="-52.00" align="RB" depth="2" scaleX="500.00" scaleY="25.00" scaleable="0" 									onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>




<box id="gallo" saturation="-0.5" contrast="-0.25" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg" openMe="hidePic(); global.hidePic=gallo.closeMe; goUp(); sAlign=CM ; align=CM ; staticX=0; staticY=0;  gallo.visible+=1; gallosmall.visible=0 ; onClick=closeMe" closeMe="global.hidePic=; goDown(); visible=0; onClick=;"/>
<box id="gallosmall" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg"/>
I made 2 instances of the same image, but I guess I could have made only one with some special parameters.

++
Reply With Quote
  #10  
Old 11-21-2007, 04:31 PM
3rw1n 3rw1n is offline
Member
 
Join Date: Nov 2007
Posts: 60
Downloads: 0
Uploads: 0
Default

Quote:
Originally Posted by zleifr View Post
You are definitely making progress. Now put some tooltips on all those spots.


And, you could pull up the little photos within a tooltip, so that they would be more connected to the mouse over the pano.
What are you calling tooltips?

EDIT : I got it, I found the tooltips tool, I guess i have to had a tooltip layer in <parameters> and to add alt params in my spots.

Quote:
And I never quite could figure out what brings up the little photo in the top left corner sometimes, and others it brings up the photo in the middle. maybe put a little close button on the photo.
You can see it in my xml file (there was a huge space between some parameters on the above example. Maybe you missed some)

Code:
<box id="GR1" url="images2/spot.png" pan="-149.00" tilt=" -31.00" rotationX="44.00" align="RB" depth="1" scaleX="1000.00" scaleY="40.00" 			onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>

<box id="GR2" url="images2/spot.png" pan="-127.00" tilt=" -18.25" distance="1.12" rotationX="67.00" rotationY="-52.00" align="RB" depth="2" scaleX="500.00" scaleY="25.00" scaleable="0" 	onOver="gallosmall.visible+=1" onOut="gallosmall.visible=0" onClick="gallo.openMe" alpha="0"/>




<box id="gallo" saturation="-0.5" contrast="-0.25" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg" openMe="hidePic(); global.hidePic=gallo.closeMe; goUp(); sAlign=CM ; align=CM ; staticX=0; staticY=0;  gallo.visible+=1; gallosmall.visible=0 ; onClick=closeMe" closeMe="global.hidePic=; goDown(); visible=0; onClick=;"/>
<box id="gallosmall" static="1" sAlign="LT" align="LT" staticX="5" staticY="5" visible="0" depth="250" scaleX="0.4" scaleY="0.4" url="images2/gallo.jpg"/>
I made 2 instances of the same image, but I guess I could have made only one with some special parameters.

++

Last edited by 3rw1n; 11-21-2007 at 04:53 PM.
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT. The time now is 11:37 AM.


Powered by vBulletin® Version 3.7.1
Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.