移花接木(31) – 支持HTML5的krpano环物全景

导言

截止于krpano 1.18.4,krpano的官方环物droplet工具仅支持flash下的多层分辨率环物漫游(MAKE OBJECT droplet.bat),但由于HTML5的需求在手机端的存在,用户需要有支持HTML5的环物全景展示,因此为大家分享一个简单的HTML5环物。当然,这个HTML5的案例比较简单,仅支持简单的单分辨率画面缩放和水平360度环物。大家可以先在下面的地址下载范例,结合本文的中文注释进行学习。

 

(更多…)

移花接木(30)- krpano中嵌入html页面

krpano 1.19的新技能,就是可将html页面(iframe)作为热点放到3D空间中。

你可以如封面那样放入一个youku的embed视频,或者像下图那样直接放入一个html页面。因为这个就是一个可以变形的iframe。 (更多…)

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

官方下载包路径

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

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

 

1.19 pr8在线演示

(更多…)

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

更新于 2016.10.10

官方下载包路径

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

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

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

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

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

导言

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

(更多…)

移花接木(21)- 无缝过渡两个场景

本案例实现了使用鼠标或触摸拖动滑条来任意融合两个相似场景。同一场景不同季节的景色,如昼夜、开灯关灯等都可以使用该效果。

下载包位置

1.18.5\krpano-1.18.5\examples\xml-usage\slider-blend-cubes (更多…)

移花接木(20)- 可滑动文本

本案例实现了在场景中插入大段文字,使其在特定区域滚动显示,可用鼠标可用滑条。

本案例在下载包的位置是:

1.18.5\krpano-1.18.5\examples\xml-usage\scrollingtextfield

(更多…)