移花接木（32）- 全景截图

更新于 2024.4.19 krpano 1.21.2

本案例官方下载包路径

你电脑的路径\krpano-1.21.2\viewer\examples\makescreenshot-api\ （1.21.2）

提示：如果不明白下载包路径是什么，请查看循序渐进（3）- krpano下载包的使用说明

（更多…）

给krpano热点设置密码

（更多…）

色彩三维球

（更多…）

krpano Javascript接口说明文档（1.22-1.21）

krpano Javascript接口Version 1.22

要从Javascript访问 krpano，需要 krpano Interface object。此接口可以访问和控制krpano viewer内的所有设置。

主题

（更多…）

页面: 1 2

超高清多分辨率平面图的测量（长度、面积与周长）

简介

该案例演示了在超高清分辨率平面图中对长度、多边形面积以及周长的测量应用。
距离、面积与周长通过可调整的多边形进行展示，并实时显示。
案例仅供会员学习。

（更多…）

3D空间距离测量插件

简介

插件压缩包解压，将measure3d.xml以及logic.xml复制到根目录下。

嵌入xml文件

<include url="measure3d.xml" />

1	<include url="measure3d.xml" />

在电脑上打开项目，按m键，会出现一个地板跟随热点，鼠标点击后，出现两个紫色圆点，可调整三维坐标以确定两点之间的距离。

（更多…）

使用滑动块分屏显示两个全景

（更多…）

使用krpano代码生成开场动画

开场动画案例

（更多…）

在krpano中找到两点之间的距离

当需要判断krpano球面坐标中两点之间距离时，我们可以使用getlooktodistance动作。

http://www.krpano360.com/getlooktodistance/

这是考虑到热点的tx、ty、tz均为0的情况，也即是所有热点均在球面上的情况。

那如果在3D空间中，如何计算球体内外两点之间的距离呢？

（更多…）

krpano地板热点教程

介绍如何制作地板热点，如下面动图所示。

（更多…）

洗衣机门开合动画

点击洗衣机门，自动打开，再次点击，自动关上。

（更多…）

移花接木（37）- 添加透明（绿幕抠像）视频热点或图层

更新于 2024.4.19 krpano 1.21.2

官方下载包路径

你电脑的路径\krpano-1.21.2\viewer\examples\chromakey\

你电脑的路径\krpano-1.21.2\viewer\examples\hotspot-alphachannel\

提示：如果不了解何谓下载包路径，请查看循序渐进（3）- krpano下载包的使用说明

（更多…）

krpano热点切割网格

使用for动作，以切片图片的形式对热点进行设置，可实现鼠标悬停、点击等动作。

（更多…）

自适应分布缩略图网格

在调整元素大小或窗口大小时实现网格分布。

可更改元素，为元素指定图像和指定操作。（更多…）

隐藏/显示同一类别的热点

简介

对热点设置自定义属性group，依据group的数值，确定显示哪一组热点，或是同时显示多组热点。

（更多…）

krpano热点或图层的摆动（振动）效果

简介

热点或图层的摆动或振动效果，主要是利用元素的scale、rotate、x、y、ath、atv等属性进行限定最小值和最大值之间的来回变化。这就可以在不使用图片序列（移花接木）的情况下实现热点的运动效果。

如下图中的心形大小变化、车轮的转动、篮球的上下运动。

（更多…）

让krpano全景中特定区域产生“磁吸”效应

简介

如图，在拖拽全景时，某些区域不太容易拖，就像要把两块吸在一起的磁铁分开一样，如果只是拖一点点，很快就会回到原位，只要稍微用力拖拽出这个区域，才会脱离磁吸区域。

（更多…）

移花接木（36）- 利用透明PNG热点制作层叠效果

更新于 2024.4.19 krpano 1.21.2

本案例实现了热点在3D空间中穿梭的效果，会让浏览者产生一种更为真实的体验。

演示

以下隐藏内容只提供VIP赞助会员，VIP会员说明请查看置顶文章

（更多…）

测量平面全景中两点之间的距离与多边形线长

在平面全景中，测量两个点之间的距离。

测量多边形线条的长度。（更多…）

在Mac OSX上安装krpano

krpano目前不是一个典型的Mac OSX 应用，因此在安装时需要特殊的操作（尤其在Mac OSX 10.15）。

（更多…）

鼠标跟随代码

演示

（更多…）

全景游戏研究krpano代码 – 全景拼图

将全景分为一个个碎片，可以通过拖放碎片进行拼图，如果是两个相邻的拼图，则会自动拼接在一起，包含了计时功能。

（更多…）

车内全景及整车环物完整案例

（更多…）

全景游戏研究krpano代码 – 可行走的小人

（更多…）

krpano 3d地图

简介

这是一个上古时期的案例，效果是让地图呈现出3D感，可有限度地旋转，放大缩小。

（更多…）

全景游戏研究krpano代码 – 猜小球在哪里

（更多…）

为默认皮肤添加针对特定scene的文本框（完整案例，含场景音乐）

简介

基于1.20.4的默认皮肤进行修改，为每个scene标签添加可滑动的文本框，每一个场景可对应一个文本框内容，同时为每个场景添加各自的声音，在底部控制栏中添加文本按钮、声音按钮和自动旋转按钮。

（更多…）

全景图指示条功能

简介

如下图所示，在浏览全景时，有一个指示条提示当前浏览位置。

（更多…）

krpano加载数量极多的scene的方法

对于scene数量极多的项目，使用将scene标签整合在一个xml的方法（使用MAKE VTOUR droplet.bat生成），也即是通过loadscene的方式加载的话，会导致主xml文件体积变得很大，这样的话初次加载的话可能会花费很长的时间。

因为可使用MAKE PANO droplet.bat，对每个单独的全景图生成一个独立的xml，加载场景时使用loadpano。

使用JS代码执行scene标签与hotspot标签分离的场景加载

将hotspot代码单独放在某个data元素中。

var sceneXML = 'loadxml(<krpano>' + krpano.get('scene[get(xml.scene)].content') +  krpano.get('data[hotspots].content')  + '</krpano>, , MERGE)'
krpano.call('loadxml(' + sceneXML +" )')

1 2	var sceneXML = 'loadxml(<krpano>' + krpano.get('scene[get(xml.scene)].content') + krpano.get('data[hotspots].content') + '</krpano>, , MERGE)' krpano.call('loadxml(' + sceneXML +" )')