Krpano教程tour.xml詳解


<krpano version="1.18"             //版本號  
    onstart=""                  //網頁啟動時調用的函數  
    basedir="%FIRSTXML%"        //設置程序根目錄  
    bgcolor=""                  //頁面背景顏色  
    idletime="0.5"              //沒用戶干預情況下的調用時間  
    colorcorrection="default"   //flash 10配送方案  
    logkey="true"               //是否輸出日志  
    showerrors="true"          //是否輸出錯誤信息  
    debugmode="false"          //編譯模式是否打開  
>  
//...  
</krpano>  

//krpano作為XML文件唯一根元素,必須設置!  

//樣例:   
<krpano version="1.18" onstart="loadscene(scene1);">  
  <scene name="scene1">  
  //...  
  </scene>  
</krpano> 

##autorotate(自動旋轉、扭曲/移動,縮放 )

<autorotate enabled="false"     //是否開啟自動旋轉  
    waittime="1.5"      //用戶不對屏幕操作后,開始自動旋轉的等待秒數  
    accel="1.0"         //旋轉扭曲的速度:角度/秒  
    speed="10.0"        //最大旋轉速度:角度/秒  
    horizon="0.0"       //旋轉到特定的水平位置  
    tofov="off"         //縮放到特定的區域視角  
/>  
  
//當無用戶交互時.自動旋轉、扭曲/移動,縮放  

//樣例:  
<autorotate enabled="true"  
    waittime="5.0"   
    speed="-3.0"   
    horizon="0.0"   
    tofov="120.0"   
/>  

自動旋轉控制:

switch(autorotate.enabled);
<krpano version="1.18" onstart="switch(autorotate.enabled);"> 

##include
##skin_settings
##action
##scene(場景)

###view(默認視角的參數設置和視角限制設置)

<view hlookat="0.0"    //水平視角  -180 至  180 之間  
      vlookat="0.0"    //垂直視角  -90  至  90  之間  
      camroll="0.0"    //鏡頭旋轉視角  
      fovtype="VFOV"   //定義視場角類型  
      fov="90.0"        //默認視角的縮放  
      fovmin="1.0"      //默認視角縮放最大值  
      fovmax="179.0"    //默認視角縮放最小值  
      maxpixelzoom=""   //默認視角最大縮放倍數  
      fisheye="0.0"     //魚眼視角設置 0.0 至  1.0 之間(扭曲程度)  
      fisheyefovlink="0.5"  //fov值與魚眼視角的關聯值,默認0.5(0.0-3.0之間)  
      stereographic="false" //是否啟動立體魚眼投影效果(小行星)  
      pannini="false"       //啟用/禁用“Pannini / vedutismo”投影效果  
      architectural="0.0"   //建築視角設置 0.0 至  1.0 之間  
      architecturalonlymiddle="false"  //是否只對中間區域的圖像實行建築投影  
      limitview="auto"    //視角限制類型  
      hlookatmin=""   //最小水平視角范圍  (-180 .. +180).  
      hlookatmax=""   //最大水平視角范圍  (-180 .. +180).  
      vlookatmin=""   //最小垂直視角范圍  (-90 .. +90).  
      vlookatmax=""   //最大垂直視角范圍  (-90 .. +90).  
/>  

fovtype 幾種選項(在手機和平板設備的默認值將MFOV!):

 - vfov -垂直視場,基於屏幕的高度  。
 - HFOV -水平視野,基於屏幕寬度
 - DFOV -看對角線場,基於屏幕的對角線
 - MFOV -最大的視場(動態混合vfov和HFOV)

limitview 幾種選項:

 - off--不限制在所有  
 - auto--自動限制(默認)  
 - lookat--限制查看變量直。(接“hlookatmin”,“hlookatmax”,“vlookatmin”,“vlookatmax”)
 - range--限制的地區設置(由“hlookatmin”,“hlookatmax”,“vlookatmin”,“vlookatmax”,只有在這個范圍內,允許觀察)  
 - fullrage--的地區設置(由“hlookatmin”,“hlookatmax”,“vlookatmin”,“vlookatmax”,但允許放大看到整個圖像  )
 - offrange---限制的地區設置(由“hlookatmin”,“hlookatmax”,“vlookatmin”,“vlookatmax”,但不以任何方式限制縮放。  )


//默認視角的參數設置和視角限制設置  
//樣例:   
//正常: 
<view hlookat="0" vlookat="0" fov="80" />  
  
//小行星視角
<view hlookat="0"  
      vlookat="90"  
      fisheye="1.0"  
      stereographic="true"  
      fov="150"  
      fovmax="150"  
      />  
  
//平面全景
<view hlookat="0"  
      vlookat="0"  
      maxpixelzoom="1.0"  
      limitview="fullrange"  
      /> 

###preview(指定一張全景預覽圖)

<preview type=""              //過渡全景圖的類型  
    url="previewpano.jpg"     /過渡全景圖路徑  
    striporder="LFRBUD"       //定義圖像順序  
    details="16"              //圖像細節質量調整,越大越清晰  
/>  

//指定一張全景預覽圖,以便在讀取過程中,過渡顯示   

//樣例:  
<preview url="pano_preview.jpg" />  
<preview type="grid(CUBE,16,16,512,0xCCCCCC,0xFFFFFF,0x999999);" />  
<preview type="SPHERE" url="spherepreview.jpg" details="16" />  
<preview type="CUBESTRIP" url="cspreview.jpg" />  

###image(加載圖片資源)

<image type="CUBE"                //全景圖類型(六面體)  
       tiled="false"              //是否使用平鋪圖像  
       tiledimagewidth="..."      //平鋪圖像寬度  
       tiledimageheight="..."     //平鋪圖像高度  
       tilesize="..."             //平鋪圖像大小  
       baseindex="1"              //圖像讀取默認索引數字(第一個)  
       frames="1"                 //當前圖像幀數       
       frame="1"  
       prealign=""                //prealign,采用X|Y|Z軸對齊方式  
 >  
    <cube url="pano_%s.jpg" />  
</image>  
//where "%s" is the placeholder of the cube-side character (l,f,r,b,u,d)  

//以上是數字索引方式讀取切片圖片,以下是通過定義六個方向的圖片路徑讀取切片,文件后綴要加上_l,_f....方式來識別。  

<image type="CUBE"  
       tiled="false"   
       tiledimagewidth="..."   
       tiledimageheight="..."   
       tilesize="..."  
       baseindex="1"  
       frames="1"   
       frame="1"  
       prealign=""  
 >  
    <left  url="pano_l.jpg" rotate="0" flip="" />  
    <front url="pano_f.jpg" rotate="0" flip="" />  
    <right url="pano_r.jpg" rotate="0" flip="" />  
    <back  url="pano_b.jpg" rotate="0" flip="" />  
    <up    url="pano_u.jpg" rotate="0" flip="" />  
    <down  url="pano_d.jpg" rotate="0" flip="" />  
</image>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM