简介
Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。
经常有人问说,你知道如何做重力感应吗?我说,会啊。那人继续说,哇!好厉害啊! (更多…)
通常设备内置的字体是有限的,而且往往也不是我们想要的效果。我们需要也希望能够在krpano中(HTML5内核下)使用自定义的字体。 (更多…)
VIP课程仅供会员阅读,加入会员请查看网站顶部 加入会员 说明
我们要研究的是3D空间中的球体坐标转换到球体全景图中的某一点的绝对平面坐标。
首先假设我们有一张球体全景图,对于图上的任何一点,我们可以将其拖到图像处理软件中,查看鼠标所指的位置,便得到其坐标,例如x=”200″,y=“100”。
球面坐标转换到全景图坐标参考教程:在MAKE PANO (FLAT) 平面全景中添加热点
当我们将其制作成3D空间时,该点实际上变成了球体坐标,也就是hlookat和vlookat。现在我们要做的就是一个逆向处理过程。从当前鼠标所指的位置,得到其在球体全景图的绝对坐标。 (更多…)
本教程是衍生于
该方法可以让图片自适应屏幕尺寸,但因为窗口尺寸比例与图片比例不可能完全一致,如果我们需要图片满屏展示的话,该方法只能是完整展示图片,但却会出现黑边无法覆盖完整窗口的情况。
问题是,如果这个图片是作为启动画面,或者是需要全屏展示但又不希望被拉伸的时候。也就是我们不能这样设置图片
1 |
<layer name="test" url="2.jpg" align="center" width="100%" height="100%" /> |
如果用百分百来设置layer的宽高,尽管是满屏了,但往往会被拉伸或者被压扁,这样的情况效果更加糟糕。 (更多…)
krpano支持展示普通的高分辨率图片,同时也支持HTML5。这对于展示艺术品非常重要。因为用户需要看到艺术品的细节。那么我们在做数字博物馆的时候这就非常重要,毕竟很多展品我们在普通的全景拍摄时都不是正对着拍摄,即使全景的清晰度很高,放大以后都不是正面对着艺术品。
其次,如果我们在全景中使用图片,因为普通的图片加载方式需要文件数据全部加载后,才能显示图片。如果我们可以采用渐进多层分辨率的方式,就可以快速加载图片。
MAKE PANO (FLAT) droplet.bat正好解决了高分辨率普通图片的快速加载,它支持渐进式的多层分辨率展示。
效果如下图。
更新于 2024.4.19 krpano 1.21.2
你电脑的路径\krpano-1.21.2\viewer\examples\blending-demo
提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明
以下隐藏内容仅供VIP会员查看,加入VIP会员请查看首页头图文章或添加站长微信
更新于 2017.9.21 krpano 1.19-pr13
你电脑的路径\krpano-1.19-pr13\viewer\examples\demotour-corfu-skinselect
提示:如果不明白下载包路径是什么,请查看 循序渐进(3)- krpano下载包的使用说明
krpano 1.19有个切换皮肤的案例,这对于自行选择皮肤的是个不错的案例。下面是演示。
那到底是怎么实现的呢?首先我们还是正常使用MAKE VTOUR droplet生成默认的项目。 (更多…)
krpano的layer和hotspot是两个神奇的元素,它们支持的文件类型非常广泛,嘻嘻,其实也就支持四种: SWF、JPG、PNG、GIF。
textfield是krpano一个神奇的插件,它有一个神奇的属性HTML,不过textfield的Flash版本插件仅支持极少量的HTML4和CSS代码。大部分HTML5代码的工作只能在JS插件下完成。
我们今天介绍如何在layer中嵌入一个网站在线视频。 (更多…)
krpano制作的全景在国内应用最多的场景就是在微信上展示。因为微信与微信公众号有着密不可分的关系,客户希望在展示全景的同时也希望用户能够关注其公众号。关注公众号的办法很多,其中一种就是在微信中长按二维码进行识别,然后跳转到其公众号页面中。
因此以下都是按照HTML5的情况进行讲解:
以下隐藏内容只提供VIP赞助会员,VIP会员说明请查看置顶文章
(更多…)将全景打包成SWF文件然后发送给客户是较为常见的做法,但如果你的项目中包含mp3文件,就会发现像这种流媒体无法打包到SWF中,通常会将mp3文件也一同发送到客户,这样的话与一开始只发送一个文件的初衷就背道而驰了。 (更多…)
更新于 2024.4.19 krpano 1.21.2
自动旋转与自动浏览全部场景,这是做全景时经常要用到的功能,涉及到一个重要的元素,即autorotate,autorotate是一个全局性的元素,通常写在scene标签的外面即可。我们可以通过action来更改autorotate设置。例如,在scene的onstart里进行设置。
如演示,只有在全景当前视角中心区域及其附近的热点才会显示,然后在这个区域以外的则不显示。这对于说一说之类的评论型热点的全景是十分重要的。 (更多…)
提示:本篇为VIP教程。
在本篇教程我们使用两种方法来讲述如何插入动态图像或者视频,也就是所谓的livepano,具体可以看下面的demo。 (更多…)