KRPano动态热点专用素材图50多个，加动态热点使用方法

Posted 2020-10-19 reachteam

KRPano动态热点专用素材是一种特定形式的序列图，该序列图要求帧的水平和垂直的具体位置必须准确，否则图的动作将会出现错乱，KRPano不支持动态图。目前网上比较匮乏动态热点素材，在此亲手整理制作了50多个热点素材图。

使用的时候请用横着或者竖着的长图，这个就是动态热点素材图，其它的图我们直接看到图像内容的是给大家预览的，好知道是什么热点素材图，KRPano会自动识别这种素材图，播放顺序从左到右、从上到下。

 

每张热点素材图，都是亲手拆解动态图、组合序列图等流程完成整理制作的，光是动态图网上就很不好找的，并不是什么动态图都可以拿来拆解后搞成专用热点素材的，帧太多等都不行。每张图都敲了一下计算器给大家算好了使用时的尺寸，也就是比如说 120这种图是“120_200x200.png”那么200x200就是大家使用时的宽和高，这是原尺寸，如果不满意，或者感觉小，可以自行在KRPano中按长宽等比例把宽和高值写大一些。

 

下面以pr10版本为例

在主xml文件也就是tour.xml文件空白处的scene标签外面，放入以下代码。

 

 

<action name="do_crop_animation">
    <!-- 为热点注册属性 -->
    registerattribute(xframes, calc((imagewidth / %1) BOR 0));
    registerattribute(yframes, calc((imageheight / %2) BOR 0));
    registerattribute(frames, calc(xframes * yframes));
    registerattribute(frame, 0);
 
    set(crop, ‘0|0|%1|%2‘);
 
    setinterval(calc(‘crop_anim_‘ + name), calc(1.0 / %3),
        if(loaded,
            inc(frame);
            if(frame GE frames, if(onlastframe !== null, onlastframe() ); set(frame,0); );
            mod(xpos, frame, xframes);
            div(ypos, frame, xframes);
            Math.floor(ypos);
            mul(xpos, %1);
            mul(ypos, %2);
            calc(crop, xpos + ‘|‘ + ypos + ‘|%1|%2‘);
          ,
            clearinterval(calc(‘crop_anim_‘ + name));
          );
      );
</action>

 

 

 

 

在hotspot标签或layer中加入以下代码即可。test.png是所使用的动态热点素材图，不写子路径的话，就是在漫游工程项目的根目录。100,100, 60分别代表热点素材图的宽、高、速度。

 

url="test.png"  onloaded="do_crop_animation(100,100, 60)"

 

 

KRPano专用热点素材图下载

https://pan.baidu.com/s/1c2JGWX6

 

本博文发表于：http://www.krpano.tech/archives/775

发布者：聂云风情

转载请注明出处，谢谢!