krpano生成全景的记录，还有热点前进动画记录

简单使用：https://www.seventh77.com/view/blog/blog.php?id=40&cid=14

热点属性：https://msd.misuland.com/pd/3070888491219947762

解决在微信中被屏蔽的方法：http://www.360doc.com/content/17/0319/11/11604731_638136749.shtml

krpano中文教程：http://www.krpano360.com/

 

这几个链接是我在实际做项目中带我了解的，感觉他们写的也比较详细，分享给大家，

加下来就是热点前进动画了，其实就是通过修改热点触发后跳转全景的样式进行的假前进效果，跟3d的前进效果比起来还是有些差距的

点击热点视角前进过后再转换场景: 放在vtour/skin/vtourskin.xml
<!--  skin_hotspotstyle - hotspot导向样式  点击热点视角前进过后再转换场景 -->

    <!-- <style name="skin_hotspotstyle" url="vtourskin_hotspot_gif.png" scale="1" edge="top" oy="0" distorted="false" tooltip="" onclick="if(linkedscene, skin_hidetooltips(); tween(scale,0.25,0.5); tween(oy,-20,0.5); tween(alpha,0,0.5); looktohotspot(); loadscene(get(linkedscene), null,get(skin_settings.loadscene_flags),get(skin_settings.loadscene_blend)); skin_updatescroll(); );" onloaded="add_all_the_time_tooltip();"/> -->

    <!-- <action name="skin_hotspotstyle_click"> if(linkedscene, if(linkedscene_lookat, txtsplit(linkedscene_lookat, ',', hs_lookat_h, hs_lookat_v, hs_lookat_fov); ); set(enabled, false); skin_hidetooltips(); tween(depth|alpha|oy|rx, 4000|0.0|-50|-60, 0.5, default, skin_loadscene(get(linkedscene), get(skin_settings.loadscene_blend)); if(hs_lookat_h !== null, skin_lookat(get(hs_lookat_h), get(hs_lookat_v), get(hs_lookat_fov)); delete(hs_lookat_h, hs_lookat_v, hs_lookat_fov); ); skin_updatescroll(); ); ); </action> -->

    <!-- 点击热点视角前进过后再转换场景 -->

    

    <!-- 修改hotspot上方文字 -->

    <!-- <action name="add_all_the_time_tooltip"> txtadd(tooltipname, 'tooltip_', get(name)); addplugin(get(tooltipname)); txtadd(plugin[get(tooltipname)].parent, 'hotspot[', get(name), ']'); set(plugin[get(tooltipname)].url,'%SWFPATH%/plugins/textfield.swf'); set(plugin[get(tooltipname)].align,top); set(plugin[get(tooltipname)].edge,bottom); set(plugin[get(tooltipname)].x,0); set(plugin[get(tooltipname)].y,0); set(plugin[get(tooltipname)].autowidth,true); set(plugin[get(tooltipname)].autoheight,true); set(plugin[get(tooltipname)].background,true); set(plugin[get(tooltipname)].backgroundcolor,0x000000); set(plugin[get(tooltipname)].roundedge,15); set(plugin[get(tooltipname)].backgroundalpha,0.5); set(plugin[get(tooltipname)].border,false); set(plugin[get(tooltipname)].glow,4); set(plugin[get(tooltipname)].glowcolor,0xFFFFFF); set(plugin[get(tooltipname)].css,'text-align:center; color:#FFFFFF; font-family:Arial; font-weight:bold; font-size:20px;'); set(plugin[get(tooltipname)].textshadow,1); set(plugin[get(tooltipname)].textshadowrange,6.0); set(plugin[get(tooltipname)].textshadowangle,90); copy(plugin[get(tooltipname)].html,scene[get(linkedscene)].title); set(plugin[get(tooltipname)].enabled,false); </action> -->