文章目录
- 1 热点随视角变化显示或隐藏、getlooktodistance的运用
- 2 数学运算动作add、sub、mul、div演示
- 3 街景样式鼠标跟随热点、screentosphere的运用
- 4 可拖拽热点
- 5 可拖拽图层
- 6 layer与hotspot坐标互换、screentosphere的使用案例
- 7 小球追随鼠标点击位置、screentolayer的使用案例
- 8 圆点向鼠标悬停的layer运动并停止、动态图层、layertoscreen的使用案例
- 9 clamp的使用案例
- 10 透明度、尺寸、颜色循环变化动画、tween的使用案例
- 11 tween和stoptween的综合运用、按钮框中
- 12 小行星
- 13 结合声音播放旋转图标
- 14 全景一键导览(功能与逻辑参照720yun)
- 15 lookto的运用
- 16 looktohotspot的运用
- 17 zoomto的运用
- 18 inc、dec的运用
- 19 loadpano的运用
- 20 loadxml的运用
- 21 loadscene的运用(vars参数)
- 22 loadscene的运用(keepview)
- 23 updateobject的运用
- 24 calc在静态元素中的使用
- 25 calc作为独立action使用
- 26 calc作为其它action的参数
- 27 calc对数组名进行解析
- 28 get在静态元素中的使用
- 29 get作为其它action的参数
- 30 get对数组名进行解析
- 31 if的运用
- 32 delayedcall的运用
- 33 wait与looktohotpsot的结合运用
- 34 wait的运用
- 35 oninterrupt的运用
- 36 stoplookto的运用
- 37 adjustlookat的运用
- 38 callwhen的运用之一
- 39 callwhen的运用之二
- 40 callwhen的运用之三
- 41 addhotspot的运用
- 42 添加多边形热区
- 43 addlayer的运用
- 44 layer插入简单图片
- 45 layer容器控制全屏
- 46 雷达插件的简单展示
- 47 layer嵌入iframe
- 48 layer嵌入iframe进阶代码一
- 49 layer嵌入iframe进阶代码二
- 50 layer元素的edge点与oy、ox的关系
- 51 crop属性的使用
- 52 点击按钮(layer)或热点(hotspot)弹出帮助图片
- 53 for的运用
- 54 滚动文本域 scrollingtextfield
- 55 动态热点
- 56 setinterval的运用之一
- 57 setinterval的运用之二
- 58 callwith的运用
- 59 音量控制演示
- 60 layer容器的形状案例
- 61 移花接木原理简单解释
- 62 include元素简单解释
- 63 keep属性简单解释
- 64 自动浏览
- 65 补地logo与限制视角
- 66 启动画面
- 67 图层滑出效果
- 68 在tween中使用“|”来同时变化多个属性
- 69 结合倒计时实现进度条变化
- 70 结合游戏进度实现进度条变化
- 71 自动浏览随机角度
- 72 tween的类型
- 73 tween的time参数
- 74 自定义地图
- 75 push和pop的解析
- 76 自动旋转与循环浏览演示
- 77 热点的排列问题
- 78 view.camroll演示
- 79 获取随机颜色
- 80 图片缩放结合拖拽功能
- 81 如何控制默认热点跳转到指定场景的指定视角
- 82 鼠标悬停在热点上显示图文(CSS3D)
- 83 鼠标拖拽图片实现旋转
- 84 鼠标悬停热点实现动画变化
- 85 将文本内容复制到剪切板
- 86 拖拽改变图层的尺寸
热点随视角变化显示或隐藏、getlooktodistance的运用
在转动全景过程中,只有中央区域的热点的透明度为1,随着视角变化,远离中央区域的热点的透明度随之变化为0,而接近中央区域的热点的透明度随之变化为1。该案例主要是考察了对热点整体控制的把握,同时掌握getlooktodistance的使用。具体参考getlooktodistance动作完全解析。
以下代码运行器链接只提供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动作完全解析。
以下代码运行器链接只提供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的运用
以下代码运行器链接只提供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赞助会员,VIP会员说明请查看置顶文章
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赞助会员,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动作完全解析。
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
setinterval的运用之二
点击键盘显示键码。具体参考setinterval动作完全解析。
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
callwith的运用
具体参考callwith动作完全解析。
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
音量控制演示
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
layer容器的形状案例
具体参考Layer容器类型的使用方法。
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
移花接木原理简单解释
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
include元素简单解释
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
keep属性简单解释
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
自动浏览
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
补地logo与限制视角
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
启动画面
具体参考 制作项目启动画面
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
图层滑出效果
具体参考 图层划出效果
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
在tween中使用“|”来同时变化多个属性
具体参考tween动作完全解析
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
结合倒计时实现进度条变化
具体参考倒计时进度条
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
结合游戏进度实现进度条变化
具体参考游戏进度条
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
自动浏览随机角度
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
tween的类型
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
tween的time参数
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
自定义地图
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
push和pop的解析
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
自动旋转与循环浏览演示
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
热点的排列问题
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
view.camroll演示
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
获取随机颜色
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
图片缩放结合拖拽功能
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
如何控制默认热点跳转到指定场景的指定视角
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
鼠标悬停在热点上显示图文(CSS3D)
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
鼠标拖拽图片实现旋转
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
鼠标悬停热点实现动画变化
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
将文本内容复制到剪切板
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章
拖拽改变图层的尺寸
以下代码运行器链接只提供VIP赞助会员,VIP会员说明请查看置顶文章