Here's a crude example...
http://goto.marlincreek.com/distorted_tree
The challenge is to get things lined up correctly.... but this was the first time playing with a distorted hotspot and I think it works for a basic example.
Here's my basic how-to... or more likely "how I did it, other ways may be better"
1. loaded existing pano
2. screen grabbed a section of the pano
3. edited it in the gimp to get just the tree and have the background transparent... and made the colors funky
4. added the tree as a distorted hotspot
5. used the editor to try to place / scale / distort the funky tree to the correct place
6. got tired of trying to make it perfect
7. used the editor to view the new code and copied it over to my xml file
8. tested locally
9. loaded to server
I've left the editor and options plugin available on the pano so that others can see and play with code... but the distorted hotspot code is below...
|
Source code
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
<hotspot
name="tree"
url="overlay.png"
keep="false"
ath="-29.68100705036484" atv="-5.1581770970989895"
zoom="true" distorted="true"
width="316" height="448"
scale="1.2597138310354041" scale9grid="" scalechildren="false" rotate="0"
rx="0" ry="0" rz="-0.026108532505666214"
edge="center" ox="" oy=""
crop="" ondowncrop="" onovercrop=""
visible="true" enabled="true" handcursor="true" capture="true" children="true"
zorder="0"
alpha="0" blendmode="normal" smoothing="true"
refreshrate="auto"
onloaded=""
onover="set(hotspot[tree].alpha,1.0)"
onhover=""
onout="set(hotspot[tree].alpha,0)"
ondown=""
onup=""
onclick=""
flying="0"
/>
|
Here's a small version of my lovely funky tree.
Hope this helps.