krpano 初接触


1.安装

2.结构

3.XMl

<krpano version="1.19" title="飘寒工作室"> //全景标题

 <include url="skin/vtourskin.xml" /> //模版样式

 <!-- customize skin settings: maps, gyro, webvr, thumbnails, tooltips, layout, design, ... -->
    //设置一系列皮肤属性设置
 <skin_settings 
                   maps="true"                       //是否使用必应地图或谷歌地图 
                maps_type="google"                //选择使用谷歌地图或必应地图
                maps_bing_api_key=""              //应地图所需的API密钥
                maps_google_api_key=""            //谷歌地图所需的API密钥
                maps_zoombuttons="false"          //是否在地图上显示缩放按钮
                gyro="true"                       //是否使用陀螺仪
                webvr="true"                      //是否启用VR
                webvr_gyro_keeplookingdirection="false"  //进入陀螺仪或VR时是否保持观看方向
                webvr_prev_next_hotspots="true"          //在VR下是否启用导航到前后场景的链接热点
                littleplanetintro="false"         //是否使用小行星开场  
                title="true"                      //是否左下角显示title
                thumbs="true"                                                                                //是否使用缩略图,如不使用,则没有缩略图一栏
                thumbs_width="120" thumbs_height="80" thumbs_padding="10" thumbs_crop="0|40|240|160"         //缩略图宽度、高度、间距以及缩略图裁切范围
                thumbs_opened="false"                                                                        //是否在启动时弹出缩略图一栏
                thumbs_text="false"                                                                          //否在缩略图上显示名字
                thumbs_dragging="true"                                                                       //是否允许鼠标拖拽缩略图区域
                thumbs_onhoverscrolling="false"                                                              //是否允许鼠标悬停缩略图自动滚动
                thumbs_scrollbuttons="false"                                                                 //是否显示缩略图滚动按钮
                thumbs_scrollindicator="false"                                                               //是否显示缩略图滚动条
                thumbs_loop="false"                                                                          //滚动按钮是否使用缩略图循环
                tooltips_buttons="false"                         //鼠标在按钮悬停时是否弹出文字提示
                tooltips_thumbs="false"                          //鼠标在缩略图悬停时是否弹出文字提示
                tooltips_hotspots="false"                        //鼠标在热点上悬停时是否弹出文字提示
                tooltips_mapspots="false"                        //鼠标在地图热点悬停时是否弹出文字提示
                deeplinking="false"                     //是否使用深度链接获取功能,可使得当前页面路径获取场景及视角信息
                loadscene_flags="MERGE"                                          //缩略图切换场景时的变量
                loadscene_blend="OPENBLEND(0.5, 0.0, 0.75, 0.05, linear)"        //缩略图切换场景时的融合
                loadscene_blend_prev="SLIDEBLEND(0.5, 180, 0.75, linear)"        //缩略图切换到上一个场景时的融合
                loadscene_blend_next="SLIDEBLEND(0.5,   0, 0.75, linear)"        //缩略图切换到下一个场景时的融合
                loadingtext="loading..."                        //在全景图载入中时显示的文字
                layout_width="100%"                             //导航条容器相对屏幕宽度的百分比
                layout_maxwidth="814"                                //导航条容器的最大宽度像素
                controlbar_width="-24"                               //导航条背景的宽度像素
                controlbar_height="40"                               //导航条背景的高度像素
                controlbar_offset="20"                               //导航条背景与屏幕底部的距离
                controlbar_offset_closed="-40"                       //导航条隐藏状态时与屏幕底部的距离
                controlbar_overlap.no-fractionalscaling="10"         //在不支持分级缩放页面和设置像素比的设备的导航条重叠的像素
                controlbar_overlap.fractionalscaling="0"             //支持分级缩放页面和设置像素比的设备的导航条重叠的像素
                design_skin_images="vtourskin.png"                           //皮肤所用的源图片
                design_bgcolor="0x2D3E50"                                    //皮肤的背景颜色
                design_bgalpha="0.8"                                         //皮肤的透明度
                design_bgborder="0"                                          //皮肤的边框
                design_bgroundedge="1"                                       //皮肤边框圆角设置
                design_bgshadow="0 4 10 0x000000 0.3"                        //皮肤的背景阴影
                design_thumbborder_bgborder="3 0xFFFFFF 1.0"                 //皮肤的缩略图边框
                design_thumbborder_padding="2"                               //皮肤缩略图边框间距
                design_thumbborder_bgroundedge="0"                           //皮肤缩略图边框的圆角
                design_text_css="color:#FFFFFF; font-family:Arial;"          //皮肤文字样式
                design_text_shadow="1"                                       //皮肤的文字阴影
                />
 <images src="tx.jpg"/>
 <!--
     For an alternative skin design either change the <skin_settings> values 
     from above or optionally include one of the predefined designs from below.
 -->
 <!-- <include url="skin/vtourskin_design_flat_light.xml"  /> -->
 <!-- <include url="skin/vtourskin_design_glass.xml"       /> -->
 <!-- <include url="skin/vtourskin_design_ultra_light.xml" /> -->
 <!-- <include url="skin/vtourskin_design_117.xml"         /> -->
 <!-- <include url="skin/vtourskin_design_117round.xml"    /> -->
 <!-- <include url="skin/vtourskin_design_black.xml"       /> -->


 <!-- startup action - load the first scene -->
 <action name="startup" autorun="onstart">
  if(startscene === null OR !scene[get(startscene)], copy(startscene,scene[0].name); );
  loadscene(get(startscene), null, MERGE);
  if(startactions !== null, startactions() );
 </action>


 
 <scene name="scene_qj1" title="qj1" onstart="" thumburl="panos/qj1.tiles/thumb.jpg" lat="-1.#IND0000" lng="-1.#IND0000" heading="0.0">
        //全景浏览者观看时的视角,比如初始视角,缩放范围,视域范围等等
  <view hlookat="0.0" vlookat="0.0" fovtype="MFOV" fov="120" maxpixelzoom="2.0" fovmin="70" fovmax="140" limitview="auto" />
        //浏览全景时的略缩图
  <preview url="panos/qj1.tiles/preview.jpg" />
        //全景漫游里使用的图片资源
  <image type="CUBE" prealign="0|0.0|0" multires="true" tilesize="512">
   <level tiledimagewidth="2560" tiledimageheight="2560">
    <cube url="panos/qj1.tiles/%s/l3/%v/l3_%s_%v_%h.jpg" />
   </level>
   <level tiledimagewidth="1280" tiledimageheight="1280">
    <cube url="panos/qj1.tiles/%s/l2/%v/l2_%s_%v_%h.jpg" />
   </level>
   <level tiledimagewidth="640" tiledimageheight="640">
    <cube url="panos/qj1.tiles/%s/l1/%v/l1_%s_%v_%h.jpg" />
   </level>
  </image>

 </scene>


</krpano>

文章作者: 孤雪飘寒
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 孤雪飘寒 !
  目录