寫給Krpano小白們的最最最級(jí)（一本案例使用krpano1.16.9制作，與版本有一定區(qū)別，但不影響學(xué)習(xí)和使用。首先感謝“”的Krpano課堂，我在使用Krpano制作全景漫游時(shí)也是看著的一步步走過(guò)來(lái)，文中會(huì)有部分內(nèi)容Krpano課堂這篇文章不是教你如何拍攝拼接全景如果你僅僅是全景者那720yun提供的完全能夠滿足你，因此，對(duì)全景漫游有商業(yè)需求，一定要給客戶提供HTML5網(wǎng)一般人會(huì)想要先找應(yīng)用程序，但是Krpano并不是傳統(tǒng)意義上的軟件，它沒(méi)有圖形界面也沒(méi)有可以雙擊打開的exe文（加密保護(hù)文件除外那我們?cè)趺从盟鼇?lái)制作全景漫游？！仔細(xì)看，你會(huì)發(fā)現(xiàn)文件夾里有許多Make droplet命名的批處理文件（.bat），這些批MAKEOBJECTdroplet；MAKEPANOFLAT、MULTIRES、NORMAL、SINGLE-SWF)droplet；MAKEVTOUR(MULTIRES、NORMAL)droplet，從字面意思看不難理解（當(dāng)然英語(yǔ)不好的同學(xué)可以多利用翻譯）MAKEOBJECTdroplet指的是生成物體全景。請(qǐng)注意，是一件物體的全景，而不是我們平常意義的標(biāo)準(zhǔn)全景或漫游，對(duì)環(huán)物全景有的同學(xué)可以試驗(yàn)一下。MULTIRES和NORMAL最大的區(qū)別在于NORMAL有分辨率限制但是可以載SINGLE-SWF2200Flash文件（請(qǐng)注意是一個(gè)文件，不是一個(gè)文件夾）（3）。FLAT可以生成一個(gè)多層漸進(jìn)的2D全景，不限制分辨率，適用于矩陣拼接的大MAKEVTOUR(MULTIRES)droplet，制作多層漸進(jìn)分辨率的全景漫游（4）。文件名。說(shuō)到這個(gè)就不得不說(shuō)一下關(guān)于CMDCMD文件（.bat）正是以指令的形式在CMD下運(yùn)行的一種特殊的程序，而CMD命令提示符本XP8191個(gè)字符，不要認(rèn)為這個(gè)長(zhǎng)度你就可以了事實(shí)證明當(dāng)你的幾乎都是中文命名并且藏在n個(gè)文件夾之后時(shí)，你是不可能完成一個(gè)20張的全景漫游的。因?yàn)楫?dāng)你從“X:\我的照片\全景\xxxxx公園”拖動(dòng)3張到MAKEVTOUR(MULTIRES)droplet上面時(shí)，Krpano調(diào)用令是x:\krpano\krpanotools64.exemakepano-config=temtes\vtour-multires.configx:\我的\全景\xxxxx公園\image1.jpgx:\我的\全景\xxxxx公園\image2.jpgx:\我的\全景\xxxxx公園\image3.jpg一旦超出長(zhǎng)度限制，系統(tǒng)就會(huì)跳過(guò)或忽略，從而導(dǎo)致命令中斷。（詳見《Krpano課堂：K經(jīng)驗(yàn)（5）解決MAKEVTOUR可生成場(chǎng)景數(shù)的限制》（KrpanoKrpano本身對(duì)這方面是沒(méi)有任何限制的，唯一的限制就是CMD調(diào)用命令提示符時(shí)所生成令長(zhǎng)度。解心去輸入一長(zhǎng)串指令），全選你需要扔進(jìn)droplet的最好保證它們都在一個(gè)文件夾里）aa（1~23）命名的23張（圖5）。（好了，現(xiàn)在讓我們?nèi)x這23張把它們?nèi)咳舆M(jìn)MAKEVTOURdroplt...vtourKrpano制作完成的全景漫游文件。這個(gè)文tour.xml、tour_editor.html。（6）plugins文件夾存放的是我們制作漫游會(huì)用到的所有插件，不過(guò)默認(rèn)的plugins文件夾里并覆蓋原文件（如果你的Krpano是在的，那么文件夾的位置應(yīng)該在skin文件夾里存放的是漫游中出現(xiàn)的皮膚、熱點(diǎn)、導(dǎo)航條等等及vtourskin.xmltour.html、tour.swf分別對(duì)應(yīng)HTML5Flashtour_editor.html是一個(gè)可以決定每個(gè)場(chǎng)景起始位置和可視化的熱點(diǎn)編輯器，當(dāng)然如果你不打算在漫游中添加熱點(diǎn)，這個(gè)editor你也可以忽略它。2個(gè)文件展開就好。東西多半是拿不出手的。（7）（圖9）這樣一段，<title></title>這個(gè)指的是標(biāo)題，把“ -a(3)”改成我們以看到已經(jīng)被修改掉了（圖10）。tour.xmlFrontpageDreamweavertitle（標(biāo)題），把里面的內(nèi)容改為你想要的，比如“南湖夢(mèng)幻島體驗(yàn)公園”（11），保存然后刷新一下瀏覽器。我們看到左下角的文字-a(1)”了?！苯?jīng)被我們替換掉了（12）。每一個(gè)“<scenename”其實(shí)就是包含了一個(gè)漫游場(chǎng)景，修title，就會(huì)修改對(duì)應(yīng)場(chǎng)景的說(shuō)明文字。”寫給Krpano小白們的最最最級(jí)（二本案例使用krpano1.16.9制作，與版本有一定區(qū)別，但不影響學(xué)習(xí)和使用的一步步走過(guò)來(lái)，文中會(huì)有部分內(nèi)容Krpano課堂。skin_settings<!--setskinsettings:bingmaps?gyro?thumbnailcontrolling?tooltips?--縮略圖控制？提示？”顯然，為了方便對(duì)系統(tǒng)默認(rèn)皮膚的控制，Krpano提供了一些基本參bingmaps="false"<是否使用必應(yīng)地圖bingmaps_key=""< bingmaps_zoombuttons="false"<是否顯示必應(yīng)地圖的縮放按鈕gyro="true"<是否使用陀螺儀（重力感應(yīng)），默認(rèn)是開啟的，當(dāng)然這個(gè)選項(xiàng)只會(huì)在移thumbs_width="120"thumbs_height="80"thumbs_padding="10"240*160像素。這里有一個(gè)crop，crop是指從的某一個(gè)坐標(biāo)點(diǎn)開始截取一個(gè)區(qū)域，這里的"0|40|240|160"實(shí)際上是說(shuō)從"x=0y=40"x=240像素，y=160像素的，坐標(biāo)我們可以參考Photoshop中的信息。一旦涉及在皮膚中添加按鈕之類需要截取的語(yǔ)句，這個(gè)crop都會(huì)出現(xiàn)。thumbs_opened="false"<是否在打開漫游時(shí)顯示縮略圖>thumbs_text="true"<是否顯示縮略圖文本>thumbs_dragging="true"<是否允許拖拽縮略圖左右滑動(dòng)>"<動(dòng)thumbs_scrollbuttons="false"<是否顯示縮略圖兩端的箭頭按鈕>thumbs_scrollindicator="false"<是否顯示縮略圖下方的滑動(dòng)條>tooltips_thumbs="true"<是否在縮略圖上顯示提示文字>tooltips_hotspots="false"<是否在熱點(diǎn)上顯示提示文字tooltips_mapspots="false"<controlbar_offset="20"<控制整條導(dǎo)航欄的垂直位置，數(shù)字越小越往下<layername="skin_logo"url=""scale="0.25"這是一個(gè)默認(rèn)的logo放置代碼，url=""是logo的，你可以把自己的logo放置在vtour 下，然后把完整的文件名（包含后綴）填入雙引號(hào)中間，scale是大小，0.25=25%，opened_onclick是點(diǎn)擊后彈出，openurl后面的單引號(hào)中可以填入我們想要顯示的內(nèi)容，我將720yun的主頁(yè)保存下來(lái)以后填在這里，這樣當(dāng)我們第一次點(diǎn)擊logo時(shí)，logo會(huì)放大出現(xiàn)屏幕正中（圖14），再次點(diǎn)擊則會(huì)轉(zhuǎn)入我們事先保存的頁(yè)面。當(dāng)然這里只是這個(gè)layer定義的很小一部分，的內(nèi)容在skin文件夾的vtourskin.xml里面。<layername="skin_logo" keep="true"url=""x="5"y="5"capture="false"accuracy="1"state="small"onclick="if(state=='small',skin_openlogo();,skin_closelogo('now');opened_onclick(););"/>align="righttop"x、yx=5、y=5個(gè)像素。capturefalselogo上拖動(dòng)時(shí)，下層的全景漫游也會(huì)跟著轉(zhuǎn)動(dòng)。accuracy="1"是坐標(biāo)的精準(zhǔn)度，state="small"layer的狀態(tài)。onclick則是一logosmall2個(gè)命令。Krpano課堂的《krpano快速（5）—設(shè)置LOGO》tour_editor.html轉(zhuǎn)動(dòng)視角vie（15tour.xml然后點(diǎn)擊addhotspot添加1個(gè)熱點(diǎn)（圖16），給這個(gè)熱點(diǎn)定義一個(gè)（圖17），然后donesavetour.xml。刷新一下tour.html，我們會(huì)看到起始視點(diǎn)已經(jīng)變成我們之前設(shè)定的那個(gè)地方，中間的位置多了一個(gè)箭頭（18），這個(gè)就是我們添加的熱點(diǎn)，當(dāng)然，這個(gè)死板板不會(huì)動(dòng)的箭頭也許有人會(huì)說(shuō)這個(gè)字體很丑，換一個(gè)，Krpano默認(rèn)的情況下很多字體都會(huì)調(diào)用<textstylename="SKIN_TOOLTIPS"font="Arial"fontsize="16"bold="true"italic="false"background="false"border="false"textcolor="0xFFFFFF"effect="dropshadow(1,45,0x000000,4,1);"fadeintime="0.1"fadetime="0.05"/>參考一下這個(gè)textstyle，我們把這一段一下，粘貼在下面，把textstylestylename="skin_hotspotstyle"style中有一個(gè)onhover：onhover="if(skin_settings.tooltips_hotspots,if(linkedscene,showtext(get(scene[get(linkedscene)].title),SKIN_TOOLTIPS)));"我們把onhoverSKIN_TOOLTIPShotspot_TOOLTIPS。（stylename="skin_hotspotstyle"，這個(gè)style就是系統(tǒng)默認(rèn)的那個(gè)熱點(diǎn)，這里我們直接用的style，如果有同學(xué)覺(jué)得自己寫代碼太麻煩，可以簡(jiǎn)單一點(diǎn)。用下面這個(gè)stylename="skin_hotspotstyle"style。<stylename="skin_hotspotstyle"url="hotspot_ani_white_64x64x20.png"scale="0.5"edge="top"oy="0"onclick="if(linkedscene,skin_hidetooltips();tween(scale,0.25,0.5);tween(oy,-20,0.5);tween(alpha,0,0.5);looktohotspot();dscene_blend));skin_updatescroll(););"onloaded="if(skin_settings.tooltips_hotspots,if(linkedscene,copy(tooltip,scene[get(linkedscene)].title);loadstyle(skin_tooltips);));hotspot_animate();"framewidth="64"frameheight="64"frame="0"lastframe="19"onhover="if(skin_settings.tooltips_hotspots,if(linkedscene,熱點(diǎn)url="hotspot_ani_white_64x64x20.png"，并沒(méi)有在我們的skin文件夾中，它x:\Krpano\examples\examples\xml-usage\animated-hotspots文件夾里面（21）。圖21（為了方便，充填了黑色背景并旋轉(zhuǎn)了90度因?yàn)樾枰玫絚rop來(lái)進(jìn)行動(dòng)畫，所以列出了png寬度、高度、第一幀開始位置019，onloaded是載入后執(zhí)行一個(gè)動(dòng)畫的action<actionname="hotspot_animate">delayedcall(0.03,if(loaded,hotspot_animate()));熱點(diǎn)動(dòng)畫action0.03crop的內(nèi)容，從而實(shí)現(xiàn)動(dòng)畫效果，inc是一個(gè)每次frame1190又開始遞增。mulcropy的位置。txtaddcrop的yposcrop中所顯示的內(nèi)容也發(fā)生0.03秒后再次執(zhí)行自身。在action或scene內(nèi)）：<autorotateenabled="true"這里定義了waittime用戶最后一次交互行為后開啟旋轉(zhuǎn)時(shí)的等待時(shí)間（單位：秒），speed旋轉(zhuǎn)速度（角速度，正值向右，負(fù)值向左），horizon要到達(dá)的水平視點(diǎn)（0即為水平旋轉(zhuǎn)），tofov旋轉(zhuǎn)所要到達(dá)的視場(chǎng)。首先我們需要修改一下vtourskin.png這個(gè)文件，因?yàn)檫@張中沒(méi)有我們需要用到的同學(xué)來(lái)說(shuō)這應(yīng)該不是什么難事（24）。圖23（為了方便，充填了黑色背景并旋轉(zhuǎn)了90度圖24（為了方便，充填了黑色背景并旋轉(zhuǎn)了90度<layername="skin_btn_autorotate" crop="0|640|64|64"align="bottom" x="140"y="4" mer(0));"/>閉）旋轉(zhuǎn)的按鈕和全屏按鈕了，我們需要適當(dāng)調(diào)節(jié)一下全屏按鈕的位置，把layerx=180給我們的旋轉(zhuǎn)按鈕騰出一個(gè)位置來(lái)（26）。bombtimer，細(xì)心的朋友也許注意到了，前面添加layername="skin_btn_autorotate"這行代碼時(shí)，結(jié)尾有bombtimer(0)這樣一段代碼。環(huán)下去，這個(gè)功能在自動(dòng)展示中非常實(shí)用，而bombtimer就是為了實(shí)現(xiàn)這個(gè)功能。簡(jiǎn)而言之，bombtimer（定時(shí)）是一個(gè)通過(guò)控制時(shí)間變量而實(shí)現(xiàn)場(chǎng)景切換的代碼。在actionname="startup"的action中加入if(autorotate.enabled,bombtimer(0));這<actionif(startscene===null,loadscene(get(startscene),null,MERGE);<eventsonmousedown="set(bt,0);"這一行代碼的意思是在用戶交互動(dòng)作之后重置bombtimer。接下來(lái)在外的空白處加入一個(gè)action：<actionif(btGEbt_2,set(bt,0);這個(gè)名為bombtimer的action是一個(gè)計(jì)時(shí)器函數(shù)，它先接受一個(gè)傳遞來(lái)的參數(shù)，也就0開始，接著增加這個(gè)actionbt（bombtimer）的變量增加1，直到我們?cè)O(shè)定的值然后“”，delayedcall指的是延遲執(zhí)行，延遲執(zhí)行什那么當(dāng)這個(gè)bombtimer的變量增加到多少時(shí)“”呢，div(bt_2,405,bt_1);這個(gè)代0<actionset(ns,get(scene[get(xml.scene)].index));set(maxs,get(scene.count));if(ns==maxs,時(shí)，檢查它是否是最后一個(gè)場(chǎng)景，如果是的話，就將ns0，因?yàn)榈谝粋€(gè)場(chǎng)景的序號(hào)index0Krpano01！tour.xml之后，你就可以開始調(diào)試一下bombtim