循序渐进(12)- krpano的内置元素

更新2016.4.12

krpano的代码可简单分为静态代码和动态代码的部分。静态代码就是24个内置元素(action元素比较特殊,其内容是动态代码)以及可自定义的其它元素。动态代码就是特指action元素的内容以及一些特定的元素的数值,例如事件触发的动作。本文简单介绍一下krpano24个内置元素。 (更多…)

循序渐进(11)- 1.19版本的默认tour.xml解析与换肤

更新 2016.10.9

这次我们专门来讲讲1.19 pr8版本的tour.xml里的静态元素的作用以及如何更换在1.19中更换皮肤。

krpano根元素

上次已经提及了krpano元素是krpano xml文件的根元素(krpano元素官方文档krpano元素完全解析),我们可以看到整个xml文件一头一尾都是由krpano所闭合的。而在krpano元素中version是版本号,它是一个系统内置属性。title是自定义属性,title定义的值在默认皮肤下是显示在缩略图左上角的文字。

 

(更多…)

循序渐进(10)- 初探krpano xml静态代码

更新 2016.10.9

什么是krpano xml静态代码?

krpano xml静态代码其实就是krpano元素。我们在学习krpano里的时候经常要面对krpano的xml文件,krpano的xml文件里的静态代码相当于一个个具有功能说明的积木。虽然krpano的代码在文本中是一个个元素,且是有顺序地布局着,但实际上除了相同元素的载入的先后次序,不同元素之间的先后关系并不重要(除了krpano根元素)。

 

(更多…)

循序渐进(9)- vtour文件夹的运作机制

更新 2016.4.11

前面几个课程我们讲述了一些需要实践动手,并且实实在在地做了一个漫游。对于熟悉前端的朋友可以忽略本篇,本篇主要是讲解一下vtour文件夹各个文件之间的关系。

vtour文件夹是krpano默认生成的漫游文件夹。在这个文件夹中,有三个文件夹以及五个tour开头的文件。详细说明请查看:vtour文件夹说明

当我们双击tour.html的一刻,到底都发生了些什么事情?以下按照krpano 1.19 pr4版本进行讲解。

(更多…)

循序渐进(8)- 加入中文信息、设置起始视角和热点

更新 2016.6.22

加入中文信息

要顺利地在漫游中显示中文,首先要使用正确的代码编辑器:Sumblime Text 3

如果用记事本编辑xml文件,默认保存的话,中文无法正确编码,会显示乱码。因此你要用上述提及的链接中的软件打开xml和html文件。使用代码编辑器还能让代码结构化。

所有乱码问题 都是由于文件自身的编码格式引起的跟编辑器并没有关系 只不过有些编辑器提供指定字符编码功能 有些编辑器不提供这功能

接下来你可以编辑你刚生成好的vtour文件夹的内容。也可以打开krpano下载包中下面的路径进行练习 (更多…)

循序渐进(7)- 安装krpano漫游设计的代码编辑器

更新 2016.9.24

工欲善其事,必先利其器。作为krpano代码君,每天对着就是一堆krpano代码,普通的代码编辑器只能是将它看成是普通的xml文件对待,没有语法提示,也没有合适的高亮主题等等,如果你的代码编辑器能够辨别krpano的文件结构,能够有语法提示,你搞错的属性和元素还能用不一样的颜色标示出来,那该多好。像下图: (更多…)

循序渐进(5)- 默认皮肤文件夹说明

更新 2016.10.9

首先将拼接好的球面全景图规范命名,命名这一步十分重要,很多人往往就直接使用PTgui拼接后的文件名,这些啰嗦的文件名在多场景漫游时,每次都要在浏览器打开看到场景才记得对应的是哪。下面告诉大家一个简单的汉语声母命名法。例如我们现在拍了两套样板间或者两个不同的大型展厅,我们可以把第一个确定为a1,第二个确定为a2,那么第一个样板间的客厅就是a1kt,次卧是a1cw,主卧是a1zw,类似第二个样板间是a2kta2cwa2zw,假定我们用的是jpg文件,那么在全景图文件夹里就有六张jpg图片,它们是10000*5000,jpg图片质量85,长宽和图片质量依据你所需而定。但不要搞个10000*4999的图,这种奇怪的比例不符合全景图比例的要求。我们这里使用的是2:1的球面全景图。 (更多…)