街景样式跟随鼠标圆形半透明变形热点

QQ图片20151105211624

在街景中，我们的鼠标移动到哪，都有一个半透明的圆形区域热点跟随着鼠标，我们离目前位置越远，则这个圆形变形得越厉害，变得越小，而且当我们在街景中点击时，也就是点击这个热点时，就会根据我们所点击的位置前往对应GPS位置的街景。那么实现跟随鼠标热点的代码是如何实现的呢？

<krpano version="1.18" onstart="mousemove()"> <hotspot name="oval" url="circle.png" distorted="true" ath="0" atv="45" alpha=".5" enabled="false" /> <action name="mousemove"> screentosphere(mouse.x, mouse.y, mth, mtv); set(hotspot[oval].ath, get(mth)); set(hotspot[oval].atv, get(mtv)); sub(a, -90, mtv); set(hotspot[oval].rx, get(a)); if(mtv GT 0 AND mtv LE 90, set(hotspot[oval].visible, true); , set(hotspot[oval].visible, false); ); mul(hotspot[oval].scale, mtv, 0.03); delayedcall(0, mousemove()); </action> </krpano>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<krpano version="1.18" onstart="mousemove()">

<hotspot name="oval" url="circle.png"
distorted="true"
ath="0" atv="45"
alpha=".5"
enabled="false"
/>

<action name="mousemove">
screentosphere(mouse.x, mouse.y, mth, mtv);
set(hotspot[oval].ath, get(mth));
set(hotspot[oval].atv, get(mtv));
sub(a, -90, mtv);
set(hotspot[oval].rx, get(a));
if(mtv GT 0 AND mtv LE 90,
set(hotspot[oval].visible, true);
,
set(hotspot[oval].visible, false);
);
mul(hotspot[oval].scale, mtv, 0.03);
delayedcall(0, mousemove());
</action>

</krpano>