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 tween20211001
1. Google Map plugin
这个plugin直接在官方文档中复制源码到tour.xml中
plugin的源码如下：
代码语言：html复制<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文件夹里
