指南针效果制作

领主 2015-2-6 krpano特效 0 喜欢 (0)

[摘要]官方指南针演示，适用于多数全景项目，当然您可以更换图片素材自己设计样式，实现原理也比较简单。

代码说明

<!-- 通过onviewchange监听方向变化，改变plugin的rotate值实现旋转 -->	
<events onxmlcomplete="startup();"
	        onviewchange="rotatecompasses();"
			/>

<!-- 以下是两个指南针的转动动作，一个是指针转，另外一个是反方向的底盘转，通过计算转动的角度差值实现移动，heading可以初始化为0 -->
	<action name="rotatecompasses">
		sub(plugin[compass_pointer].rotate, view.hlookat, heading);
		sub(plugin[compass2_plate].rotate,  heading, view.hlookat);
	</action>