设置进入VR时的初始视角

如果没有设置进入VR时的初始视角,当进入到VR模式时就是之前最后正常模式停留的视角,也许这并不是制作者希望浏览者想看到的角度,因此就需要在进入VR以及VR场景之间切换时设置一下进入VR的初始视角。

(更多…)

krpano插件接口说明文档

krpano插件接口

更新 2022.3.7 krpano 1.20.11

krpano为开发者提供了简单轻便的接口用于开发第三方插件。
krpano的插件可以是纯代码插件用于扩展功能或控制krpano,也可以是在屏幕上展示或处理某些事情的“图形化插件”。有两种类型的插件:

  • 用于krpano HTML5 viewer 的HTML5 Javascript 插件 (.js)
  • 用于 krpano Flash viewer的Flash Actionscript3 插件 (.swf)

插件到krpano以及krpano到插件的基础接口对于HTML5和Flash插件是几乎相同的,只有系统和语言上的区别。

插件的基础结构里含有以下公共函数,它们将在krpano中被调用:

  • registerplugin函数 – 当插件载入时,该插件从krpano中被调用。该函数提供了krpano Interface Object以及krpano Plugin Object
  • unloadplugin函数 – 当插件从krpano中移除时,该函数被调用。这样插件添加的所有元素和事件将被移除。
  • 此外提供了onresize函数允许插件根据屏幕大小改变插件的尺寸。

插件本身可以将自定义函数或属性直接添加/设置到krpano对象或插件对象中,实现向krpano添加自定义函数或属性。对于设置从xml中传递来的属性,提供了registerattribute函数,它可以使得属性既可以有自己的默认值,也可以接受从xml传递来的数值。registerattribute函数可以用来添加setter/getter属性-这些属性在访问变量时自动调用get或set函数-可用于在属性更改时获得通知。

 

(更多…)

全景图内嵌入普通环物

演示

支持krpano 1.19 pr16

VIP课程仅供会员阅读,加入会员请查看网站顶部 加入会员 说明

点击箭头查看环物演示,点击圆点切换到其它scene。

(更多…)

动态户型图

鼠标移动到户型图上

(更多…)

移花接木(26)- 场景过渡效果

更新于 2024.4.19 krpano 1.21.2

官方下载包路径

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

提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明

 

在线演示

以下隐藏内容仅供VIP会员查看,加入VIP会员请查看首页头图文章或添加站长微信

(更多…)

1.19 pr9之前版本热点(含有文字)在VR中保留的解决方案

大家在使用1.19 pr版本时会遇到一个问题:就是如果在热点或动态热点上显示文本,当进入VR模式后,整个热点就不见了,

退出VR模式后,热点也不会回来(1.19 pr5之前)

退出VR模式后,热点会回来但文字不见了(1.19 pr6  1.19 pr8)。

VR模式下支持文字显示(1.19 pr9)。

当热点带上一个子元素是textfiled的话,那么作为父元素的热点也会和文字一样采用了css3d作为渲染器,VR是不支持CSS3D热点的,因此不会显示热点。

除非你进入了其它场景后再重新回到该场景时,热点才会出现,这是因为这个热点实际上是新的。

关于添加热点和文字的教程:移花接木(1)- 添加动态热点

经过多次实验,无法将textfield插件的文本在VR模式下显示,相信在1.19的正式版中会实现该功能。因此目前想要在VR下看到文本的话,你只能在ps软件中将文字弄成图片。

本教程方法的好处是基本不用修改vtourskin.xml。 (更多…)

移花接木(25)- 动态切换皮肤

更新于 2017.9.21 krpano 1.19-pr13

官方下载包路径

你电脑的路径\krpano-1.19-pr13\viewer\examples\demotour-corfu-skinselect

提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明

krpano 1.19有个切换皮肤的案例,这对于自行选择皮肤的是个不错的案例。下面是演示。

那到底是怎么实现的呢?首先我们还是正常使用MAKE VTOUR droplet生成默认的项目。 (更多…)

全景视频热点插件说明文档

插件基本文档

欢迎使用!

这是本插件第一个含有七条时间轴的完整版本。我强烈建议你先通篇阅读本文,理解插件后,再进行尝试。

 

在你开始之前请首先查看插件中的案例。使用火狐浏览器或者谷歌浏览器打开MH_example_tour下的index.html。在第一个视频中你会看到一个简单的遮罩例子。第二个视频是一个高速测试。第三个视频是直升机上的一段对话,在岩石上有一团神秘的影子,在视频的特定节点中会有一个“lookto”的action。第四个视频使用一条时间轴加载不同的热点以及多个“lookto”的移动。你也可以查看MH_example_single以及360Photoexample的例子。

请备份本插件和案例的一个完整的无修改的版本!!

(更多…)

热点点击图标插件

该插件为热点增加“已点击”图标。

(更多…)

利用textfield插件和layer嵌入在线视频

krpano的layer和hotspot是两个神奇的元素,它们支持的文件类型非常广泛,嘻嘻,其实也就支持四种: SWF、JPG、PNG、GIF

textfield是krpano一个神奇的插件,它有一个神奇的属性HTML,不过textfield的Flash版本插件仅支持极少量的HTML4和CSS代码。大部分HTML5代码的工作只能在JS插件下完成。

我们今天介绍如何在layer中嵌入一个网站在线视频。 (更多…)

微信全景结合二维码识别

krpano制作的全景在国内应用最多的场景就是在微信上展示。因为微信与微信公众号有着密不可分的关系,客户希望在展示全景的同时也希望用户能够关注其公众号。关注公众号的办法很多,其中一种就是在微信中长按二维码进行识别,然后跳转到其公众号页面中。

因此以下都是按照HTML5的情况进行讲解:

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

(更多…)

network元素完全解析

network元素是关于krpano下载/解码以及缓冲图像的网络设置。这个设置可以用于优化下载环境。一方面我们可以控制jpeg品质,来降低图片体积。另一方面我们可以使用network元素。 (更多…)

memory元素完全解析

memory元素控制krpano项目在设备内存中所占用的最大数量。当然,我们要记得内存的实际大小不是krpano可以控制的,越大的切片需要越多的内存,越小的切片需要越小的内存。最大存储器空间是以MB为单位。对于krpano的切片所占据的存储器空间的计算公式是: (更多…)

get动作完全解析

get是krpano最常见的用法了,简单来说就是获取变量的数值。它通常是用在静态代码(1.19)或者作为其它动作的一个参数。我们以krpano的1.19的默认皮肤的vtourskin作为例子。

 

(更多…)