全景学习：Krpano

20210927

Krpano版本号：1.20.9

New features of new version:

相比1.19版本以及之前的版本而言，这个版本直接drop all images into the software then start making the panorama.

在chrome的开发者模式下观测到不同的全景网站的特点，重点观察了：https://campus-vr.ust.hk/tour.html

在开发者模式下查找源代码的同时还可以simulate 不同设备下的操作。

Virtual tour of HKUST by MTPC:

Base: krpano 1.19

According to the source files, 可伸缩式侧边栏是利用了bootstrap以及其他的framework生成，而对于krpano官方自带的plugins这个并没有特别多的应用。

Tutorials：

1.

https://www.youtube.com/channel/UCi4C1V7MQqtt6tbD7mYfntg

Welcome screen/ intro (example)

20210928

主要的事情：intro screen.

1. intro page of the panorama：在intro页面：

需要注意的两个属性，一个是bgcapture，描述如下，在bgcapture=“true” 之后，可以捕捉到鼠标对于intro这一个layer的操作，前提除了如下描述之外，还需要：enabled="true".

在设置bg页面这个操作里面:

方法一是：set

这里注意到使用了句点表示法

方法二是：加上一个tween, 这相当于一个渐变的效果，关于这个属性的描述如图：

delayed call of tween

20211001

1. Google Map plugin

这个plugin直接在官方文档中复制源码到tour.xml中

plugin的源码如下：

<plugin name="map" devices="html5"
        url="googlemaps.js"
        align="leftbottom" width="400" height="300" x="0" y="0"
        keep="true"
        key=""
        maptype="satellite"
        language=""
        lat="..."
        lng="..."
        zoom="1"
        tilt="0"
        heading="0"
        controls="zoom|maptype"
        poi="false"
        activespotenabled="false"
        bgcolor="0x000000" bgalpha="0.0"
        onmapready=""
        onmaptypechanged=""
        onmapmoved=""
        onmapzoomed=""
>
  <spotstyle name="style1" ... />
  ...
  
  <spot name="spot1" ... active="true" />
  <spot name="spot2" ... />
  <spot name="spot3" ... />
  ...
  
  <radar visible="true" ... />
</plugin>

url : 属性需要注意，官方文档直接给的是文档名字，但是在自行生成的vtour文件夹中，googlemaps.js存在于plugins文件夹里