krpano中使用Font Awesome图标

简介

Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。

(更多…)

球面坐标转换到全景图坐标

我们要研究的是3D空间中的球体坐标转换到球体全景图中的某一点的绝对平面坐标。

首先假设我们有一张球体全景图,对于图上的任何一点,我们可以将其拖到图像处理软件中,查看鼠标所指的位置,便得到其坐标,例如x=”200″,y=“100”。

球面坐标转换到全景图坐标参考教程:在MAKE PANO (FLAT) 平面全景中添加热点

当我们将其制作成3D空间时,该点实际上变成了球体坐标,也就是hlookat和vlookat。现在我们要做的就是一个逆向处理过程。从当前鼠标所指的位置,得到其在球体全景图的绝对坐标。 (更多…)

krpano中如何让图片不变形自适应全屏

本教程是衍生于

krpano中如何让图片自适应屏幕尺寸

该方法可以让图片自适应屏幕尺寸,但因为窗口尺寸比例与图片比例不可能完全一致,如果我们需要图片满屏展示的话,该方法只能是完整展示图片,但却会出现黑边无法覆盖完整窗口的情况。

问题是,如果这个图片是作为启动画面,或者是需要全屏展示但又不希望被拉伸的时候。也就是我们不能这样设置图片

如果用百分百来设置layer的宽高,尽管是满屏了,但往往会被拉伸或者被压扁,这样的情况效果更加糟糕。 (更多…)

全景漫游中使用iframe嵌入平面高清图(flat pano)

案例说明

krpano支持展示普通的高分辨率图片,同时也支持HTML5。这对于展示艺术品非常重要。因为用户需要看到艺术品的细节。那么我们在做数字博物馆的时候这就非常重要,毕竟很多展品我们在普通的全景拍摄时都不是正对着拍摄,即使全景的清晰度很高,放大以后都不是正面对着艺术品。

其次,如果我们在全景中使用图片,因为普通的图片加载方式需要文件数据全部加载后,才能显示图片。如果我们可以采用渐进多层分辨率的方式,就可以快速加载图片。

MAKE PANO (FLAT) droplet.bat正好解决了高分辨率普通图片的快速加载,它支持渐进式的多层分辨率展示。

效果如下图。

(更多…)

全景图内嵌入普通环物

演示

支持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会员请查看首页头图文章或添加站长微信

(更多…)

移花接木(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生成默认的项目。 (更多…)

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

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

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

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

微信全景结合二维码识别

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

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

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

(更多…)

MP3转SWF嵌入到Flash打包

将全景打包成SWF文件然后发送给客户是较为常见的做法,但如果你的项目中包含mp3文件,就会发现像这种流媒体无法打包到SWF中,通常会将mp3文件也一同发送到客户,这样的话与一开始只发送一个文件的初衷就背道而驰了。 (更多…)

移花接木(23)- 自动旋转与自动浏览全部场景

更新于 2024.4.19 krpano 1.21.2

导言

自动旋转与自动浏览全部场景,这是做全景时经常要用到的功能,涉及到一个重要的元素,即autorotateautorotate是一个全局性的元素,通常写在scene标签的外面即可。我们可以通过action来更改autorotate设置。例如,在scene的onstart里进行设置。

(更多…)

热点样式KH1 – 热点图标变形

演示

(更多…)

krpano皮肤案例分享 – 整合雷达、视角缩放滑条、方位以及各向控制

直接看DEMO吧。

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

(更多…)