如何在720云全景添加热点中添加动态热点

来源：蜘蛛抓取(WebSpider) 时间：2018-05-18 09:22 标签： 720云全景图添加热点
技术分享与交流
kRpano 360动态热点添加方式
一、当要使用动态热点或动态layer时，首先要在主xml（tour.xml）空白处的scene标签的外面，放入以下动作代码：
&!-- pro12之前版本使用的动态热点动作代码 --&
&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&pro13以后的版本使用的代码：&action name="do_crop_animation" scope="local" args="framewidth, frameheight, framerate"&
&!-- 定义局部变量 --&
calc(local.xframes, (caller.imagewidth /framewidth) BOR 0);
calc(local.frames, xframes * ((caller.imageheight / frameheight) BOR 0));
def(local.frame, integer, 0);
&!-- 设置第一帧 --&
calc(caller.crop, '0|0|' + framewidth + '|' + frameheight);
&!-- 动画部分 --&
setinterval(calc('crop_anim_' + caller.name), calc(1.0 / framerate),
if(caller.loaded,
inc(frame);
if(frame GE frames, if(caller.onlastframe !== null, callwith(caller, onlastframe() ) ); set(frame,0); );
mod(xpos, frame, xframes);
div(ypos, frame, xframes);
Math.floor(ypos);
mul(xpos, framewidth);
mul(ypos, frameheight);
calc(caller.crop, xpos + '|' + ypos + '|' + framewidth + '|' + frameheight);
&!-- 当热点移除时停止动画 --&
clearinterval(calc('crop_anim_' + caller.name));
二、在自动生成的动态热点中加入如下代码
url="explosion.png"
onloaded="do_crop_animation(100,100, 60)"例如：&hotspot name="spot1" style="skin_hotspotstyle" ath="13.104" atv="-6.620" linkedscene="scene_11" url="explosion.png"
onloaded="do_crop_animation(64,64, 60)"/&
url中是png序列图片的路径，要使用正确。
点击查看：
没有更多推荐了，
加入CSDN，享受更精准的内容推荐，与500万程序员共同成长！在全景中如何如何添加你的产品链接或是官网链接，作者得图小编-得图网
在全景中如何如何添加你的产品链接或是官网链接
往全景中加入你的产品链接或是官网链接，无疑是一种很好的宣传方式。在得图云平台上，你可以通过两种方式添加网址链接，第一种是通过热点的方式添加链接（局部），另一种是通过播放器插件的方式添加（全局）。我们先介绍第一种方法，即热点链接。第一步： 打开“热点管理”-〉进入要添加热点的场景；第二步，选择热点样式-〉输入热点名称-〉点击“下一步”；第三步，用鼠标在全景图上描点设置热点位置-〉点击“下一步”；第四步，“点击事件”选择“系统事件”-〉“系统事件”选择“链接”-〉根据需要选择链接方式（跳转是指直接在本窗口中跳转，新开是指打开一个新窗口后跳转）-〉在“链接地址”文本框输入要链接的网址-〉点击“完成”，即添加完成了。下面我们介绍第二种方法，使用播放器插件。步骤一，打开“播放器插件”-〉点击“添加模块”按钮-〉在弹出框的“名称”栏输入模块名称-〉选择基准方位用以设置模块在全景中的位置-〉设置基准偏移量的“上”和“左”位置，即模块位置的微调-〉点击“确定”；步骤二，点击模块进入设置模式1）点击“添加元素”2）在弹出框中“热点类型”选择“图文”3）在“文字内容 ”栏选择下图标号3的图片按钮4）在下图标号4的“图片文件”中输入图片的网络地址（如http://www.ouwei.cn/images/logo01.jpg）5）点击下图标号5的“确定”；步骤三，添加链接地址1）选中上一步中添加的图片2）点击下图标号2的链接按钮3）在下图标号3的“链接地址”中输入要跳转的网址4）在下图标号4的“打开方式”中选择链接网址的打开方式5）点击下图标号5的“确定”6）点击底部的蓝色“确定”按钮，完成链接的添加注意：链接网址必须带上”http://”。播放器插件的图文热点不支持移动端显示详细攻略地址：
按ENTER快速回复
后方可回复
TA的其他话题
内容侵犯他人版权
内容涉及人身攻击或者侵犯他人隐私
怀疑为广告文案
也可以通过官方QQ提交反馈或咨询：
关注我们：如何通过flex对全景图添加热点？
[问题点数：100分]
如何通过flex对全景图添加热点？
[问题点数：100分]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
匿名用户不能发表回复！|热点相关 | 在全景中加入动态内容 - krpano教程
Sorry, you have Javascript Disabled! To see this page as it is meant to appear, please enable your Javascript! See instructions
提示：本篇为VIP教程。
在本篇教程我们使用两种方法来讲述如何插入动态图像或者视频，也就是所谓的livepano，具体可以看下面的demo。
ErrorJavascript not activated
在demo中我们可以看到有两种动态的呈现，一个是咆哮的侏罗纪霸王龙，一个是疑是银河落九天的“庐山瀑布”。实际上前者是一个视频，后者是一个png序列。在继续阅读下面的教程前，你需要先领会下面的两个教程。
使用livepano：
使用动态png序列：
以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章
微信扫一扫关注krpano中文网公众号&&

我要回帖

更多关于 720云全景图添加热点 的文章

 

随机推荐