krpano代码运行器案例索引

文章目录

热点随视角变化显示或隐藏、getlooktodistance的运用

在转动全景过程中,只有中央区域的热点的透明度为1,随着视角变化,远离中央区域的热点的透明度随之变化为0,而接近中央区域的热点的透明度随之变化为1。该案例主要是考察了对热点整体控制的把握,同时掌握getlooktodistance的使用。具体参考getlooktodistance动作完全解析

 

QQ图片20170420070909_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

数学运算动作add、sub、mul、div演示

对krpano动作add、sub、mul、div等演示。通过这四个动作控制了图层的位置、透明度、大小。具体参考add、sub、mul、div、mod、pow动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

街景样式鼠标跟随热点、screentosphere的运用

该案例的插件版为:谷歌街景箭头插件。代码主要演示了如何处理一个跟随鼠标的圆形热点,配合对screentosphere的使用。具体参考screentosphere、spheretoscreen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

可拖拽热点

该案例选用了官方下载包的dragable-hotspots案例。演示如何拖拽热点hotspot。具体参考移花接木(8)- 可拖拽的图层与热点

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

可拖拽图层

该案例选用了官方下载包的dragable-layers案例。演示如何拖拽图层layer。具体参考移花接木(8)- 可拖拽的图层与热点

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer与hotspot坐标互换、screentosphere的使用案例

同时存在热点和图层,当热点显示时,隐藏图层,点击热点,热点消失,图层出现,但从体验上是两种坐标系的互换。具体参考screentosphere、spheretoscreen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

小球追随鼠标点击位置、screentolayer的使用案例

点击矩形区域内任意位置,小球向着该位置运动。具体参考screentolayer、layertoscreen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

圆点向鼠标悬停的layer运动并停止、动态图层、layertoscreen的使用案例

鼠标悬停在三个矩形的其中一个时,圆形layer向着该矩形运动,并覆盖在该矩形之上,当鼠标离开三个矩形时,圆形layer回到初始位置,具体参考screentolayer、layertoscreen动作完全解析。圆形layer是一个动态运动的layer,具体可参考移花接木(1)- 添加动态热点或图层

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

clamp的使用案例

进度条随着鼠标在矩形上的位置变化而变化。具体可参考clamp动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

透明度、尺寸、颜色循环变化动画、tween的使用案例

一个透明度、尺寸和颜色循环变化的矩形。具体参看tween动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

tween和stoptween的综合运用、按钮框中

选中框跟随鼠标悬停在按钮上。点击按钮时,框中对应按钮。具体参看tween动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

小行星

小行星视图,具体参考移花接木(16)- krpano 1.19实现小行星开场

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

结合声音播放旋转图标

具体参考tween动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

全景一键导览(功能与逻辑参照720yun)

全景视角按照指定的目标路线运行,例如你希望用户看到某个位置,运动到该位置后,停留大概几秒钟后,继续运动到下一个你希望用户看到的位置,当所有位置都浏览过,则自动转入到下一个场景,按照下一个场景所设定的各个位置进行自动浏览。全部场景结束后,可让用户继续浏览或中止。具体参考全景一键导览

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

lookto的运用

对lookto的运用案例。具体参考lookto、looktohotspot、moveto、zoomto动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

looktohotspot的运用

对looktohotspot的运用案例。具体参考lookto、looktohotspot、moveto、zoomto动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

zoomto的运用

对zoomto的运用案例。具体参考lookto、looktohotspot、moveto、zoomto动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

inc、dec的运用

具体参考inc、dec动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

loadpano的运用

具体参考loadpano动作完全解析

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

loadxml的运用

具体参考loadxml动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

loadscene的运用(vars参数)

loadscene中关于vars的使用。具体参考loadscene动作完全解析

 

QQ图片20170420092735_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

loadscene的运用(keepview)

场景无缝融合过渡,适用于家居展示,季节日夜变换等。具体参考loadscene动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

updateobject的运用

具体参考updateobject动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

calc在静态元素中的使用

具体参考calc动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

calc作为独立action使用

具体参考calc动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

calc作为其它action的参数

具体参考calc动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

calc对数组名进行解析

具体参考calc动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

get在静态元素中的使用

具体参考get动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

get作为其它action的参数

具体参考get动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

get对数组名进行解析

具体参考get动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

if的运用

具体参考if动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

delayedcall的运用

具体参看delayedcall动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

wait与looktohotpsot的结合运用

具体参考lookto、looktohotspot、moveto、zoomto动作完全解析以及wait动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

wait的运用

具体参看wait动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

oninterrupt的运用

分阶段自动导览的例子,中断后从中断点继续导览。具体参考oninterrupt动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

stoplookto的运用

具体参考stoplookto、stopmovements动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

adjustlookat的运用

具体参考adjustlookat动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

callwhen的运用之一

具体参考callwhen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

callwhen的运用之二

具体参考callwhen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

callwhen的运用之三

具体参考callwhen动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

addhotspot的运用

添加、编辑、删除图像热点的例子。具体参考addlayer、addhotspot、addlensflare动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

添加多边形热区

添加、编辑、删除多边形热区的例子。具体参考addlayer、addhotspot、addlensflare动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

addlayer的运用

鼠标悬停在热点时,弹出全景缩略图。具体参考addlayer、addhotspot、addlensflare动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer插入简单图片

具体参考VIP课程(4)- Layer从入门到精通

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer容器控制全屏

具体参考VIP课程(4)- Layer从入门到精通

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

雷达插件的简单展示

具体参考Radar插件官方文档

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer嵌入iframe

具体参考krpano 1.19嵌入html页面

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer嵌入iframe进阶代码一

具体参考krpano 1.19嵌入html页面

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer嵌入iframe进阶代码二

具体参考krpano 1.19嵌入html页面。使用textfield插件。

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer元素的edge点与oy、ox的关系

具体参考VIP课程(4)- Layer从入门到精通

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

crop属性的使用

官方案例crop的说明。具体参考crop属性的用法

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

点击按钮(layer)或热点(hotspot)弹出帮助图片

具体参看点击按钮(layer)或热点(hotspot)弹出帮助图片

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

for的运用

动态批量添加多个热点、移动热点、删除热点的案例。具体参看for动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

滚动文本域 scrollingtextfield

具体参看移花接木(20)- 可滑动文本

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

动态热点

具体参考移花接木(1)- 添加动态热点或动态图层

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

setinterval的运用之一

显示当前时间。具体参考setinterval动作完全解析

 

QQ图片20170420111426_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

setinterval的运用之二

点击键盘显示键码。具体参考setinterval动作完全解析

 

QQ图片20170420111528_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

callwith的运用

具体参考callwith动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

音量控制演示

具体参考声音相关| 为krpano场景添加音量控制

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

layer容器的形状案例

具体参考Layer容器类型的使用方法

 

QQ图片20161016145546_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

移花接木原理简单解释

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

include元素简单解释

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

keep属性简单解释

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

自动浏览

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

 

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

启动画面

具体参考 制作项目启动画面

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

图层滑出效果

具体参考 图层划出效果

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

在tween中使用“|”来同时变化多个属性

具体参考tween动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

结合倒计时实现进度条变化

具体参考倒计时进度条

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

结合游戏进度实现进度条变化

具体参考游戏进度条

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

自动浏览随机角度

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

tween的类型

tween动作完全解析

 

未命名_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

tween的time参数

tween动作完全解析

 

QQ图片20170422230112_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

自定义地图

添加自定义地图

QQ图片20170503172529_副本

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

push和pop的解析

push、pop动作完全解析

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

自动旋转与循环浏览演示

krpano 1.19 pr4后的自动循环浏览

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

热点的排列问题

热点的排列问题

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

view.camroll演示

view元素完全解析

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

获取随机颜色

tohex动作完全解析

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

图片缩放结合拖拽功能

移花接木(13)- 鼠标滚轮或手势实现图片缩放

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

如何控制默认热点跳转到指定场景的指定视角

文章链接

未标题-1

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

鼠标悬停在热点上显示图文(CSS3D)

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

鼠标拖拽图片实现旋转

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

鼠标悬停热点实现动画变化

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

将文本内容复制到剪切板

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章

 

拖拽改变图层的尺寸

以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章