[轉]寫給Krpano小白們的最最最入門級教程(一)

本教程案例使用krpano 1.16.9製作,與最新版本有一定區別,但不影響學習和使用。

教程的第一部分主要是教大家如何使用Krpano並對標題做簡單修改。

這篇文章不是教你如何拍攝、拼接全景照片,如果你僅僅是全景愛好者,那我想得圖雲提供的後臺完全能夠滿足你,因此,對全景漫遊有商業需求,一定要給客戶提供HTML5網頁格式文件或者SWF文件的朋友,這篇文章能夠引導你一步步的製作出第一個屬於你自己的全景漫遊網頁文件。

首先讓我們看看Krpano是什麼樣的,打開Krpano的文件夾(圖1)。

圖1

一般人會想要先找應用程序,但是Krpano並不是傳統意義上的軟件,它沒有圖形界面也沒有可以雙擊打開的exe文件(加密保護文件除外),那我們怎麼用它來製作全景漫遊?!仔細看,你會發現文件夾裏有許多Make ........ droplet命名的批處理文件(.bat),這些批處理文件其實就是最常用的Krpano工具(圖2)。

圖2

讓我們來看一下文件名MAKE OBJECT droplet;MAKE PANO (FLAT、MULTIRES、NORMAL、SINGLE-SWF) droplet;MAKE VTOUR (MULTIRES、NORMAL) droplet,從字面意思看不難理解(當然英語不好的同學可以多利用百度翻譯),MAKE OBJECT droplet指的是生成物體全景。請注意,是一件物體的全景,而不是我們平常意義的標準全景或漫遊,對環物全景有興趣的同學可以試驗一下。PANO指的是標準全景,VTOUR自然就是全景漫遊了,MULTIRES指的是漸進分辨率,沒有尺寸及像素限制、NORMAL指的是生成尺寸最大爲2200的標準全景圖,MULTIRES和NORMAL最大的區別在於NORMAL有分辨率限制但是可以一次性載入,而MULTIRES不限制分辨率,載入時是分層漸進的,網絡帶寬有限的情況下非常適用。SINGLE-SWF會生成一個最大分辨率爲2200的Flash文件(請注意是一個文件,不是一個文件夾)(圖3)。


圖3

FLAT可以生成一個多層漸進的2D全景圖片,不限制分辨率,適用於矩陣拼接的大型圖片。這裏僅對我們今後所使用的工具做一個簡要介紹,本文的案例所要用到的是MAKE VTOUR (MULTIRES) droplet,製作多層漸進分辨率的全景漫遊(圖4)

圖4

接下來讓我們開始製作全景漫遊,不過,在我們製作全景漫遊之前還有一個步驟,修改文件名。說到這個就不得不說一下關於CMD命令提示符這個東西,也許很多朋友對CMD命令提示符比較陌生,你可以把它理解爲運行在windows系統下的DOS操作系統,批處理文件(.bat)正是以指令的形式在CMD下運行的一種特殊的程序,而CMD命令提示符本身對指令的長度是有限制的,這個限制在XP或更高版本系統系統下運行時是 8191 個字符,不要認爲這個長度你就可以爲所欲爲了,事實證明,當你的照片幾乎都是中文命名並且藏在n個文件夾之後時,你是不可能完成一個20張圖片的全景漫遊的。因爲當你從“X:\我的照片\全景照片\xxxxx公園”拖動3張照片到MAKE VTOUR (MULTIRES) droplet上面時,Krpano調用的命令是x:\krpano\krpanotools64.exe makepano -config=templates\vtour-multires.config x:\我的照片\全景照片\xxxxx公園\image1.jpg x:\我的照片\全景照片\xxxxx公園\image2.jpg x:\我的照片\全景照片\xxxxx公園\image3.jpg 一旦超出長度限制,系統就會跳過或忽略,從而導致命令中斷。(詳見《Krpano課堂:K經驗(5)- 解決MAKE VTOUR可生成場景數的限制》)

之前有同學認爲這個是Krpano對於生成漫遊的場景數量限制,事實上Krpano本身對這方面是沒有任何限制的,唯一的限制就是CMD調用命令提示符時所生成的命令長度。解決這個問題很簡單(當然方法不止一種,這裏我只說一個最簡單的,畢竟不是每個人都有耐心去輸入一長串指令),全選你需要扔進droplet的圖片(最好保證它們都在一個文件夾裏)點擊鼠標右鍵選擇重命名,隨便輸入一個最最最簡單的字符,比如a,你會得到a(1~23)命名的23張圖片(圖5)。

圖5
好了,現在讓我們全選這23張圖片把它們全部扔進MAKE VTOUR (MULTIRES) droplet(全選圖片,按住鼠標左鍵拖動到droplet上,然後鬆開鼠標左鍵...),然後等待Krpano完成你的全景漫遊吧。
命令運行結束時會提示“按任意鍵繼續”,ok,關掉命令提示符,這時我們會發現文件夾裏多了一個名爲vtour的文件夾,這個就是Krpano製作完成的全景漫遊文件。這個文件夾默認會包含panos文件夾、plugins文件夾、skin文件夾、tour.html、tour.swf、tour.js、tour.xml、tour_editor.html。(圖6)
圖6
其中panos文件夾是存放全景漫遊縮略圖、全景切片的地方。plugins文件夾存放的是我們製作漫遊會用到的所有插件,不過默認的plugins文件夾中內容很少,因此漫遊製作完成後,第一時間複製x:\Krpano\examples\plugins文件夾到這裏並覆蓋原文件(如果你的Krpano是在官方下載的,那麼文件夾的位置應該在x:\examples\plugins,也就是官方提供的案例中)。skin文件夾裏存放的是漫遊中出現的皮膚、熱點、導航條等等圖片及vtourskin.xml文件;tour.html、tour.swf分別對應HTML5和Flash格式文件,tour.js是krpano的HTML5 viewer如果不是出於特殊目的,請忽略這個文件。
tour_editor.html是一個可以決定每個場景起始位置和可視化的熱點編輯器,當然如果你不打算在漫遊中添加熱點,這個editor你也可以忽略它。
tour.xml和vtourskin.xml存放了我們的全景漫遊設置,也就是初學者看不懂的代碼存放的地方。當然現在你只要明白本文的重點都將圍繞這2個文件展開就好。
漫遊做好以後讓我們先來看看默認的效果怎麼樣,似乎還不錯,導航條、縮略圖、上下左右放大縮小、全屏縮放,該有的都有了,感覺還不錯。但既然是展示給客戶,這樣簡陋的東西多半是拿不出手的。(圖7)
圖7
那麼讓我們一樣一樣來搞定這個半成品,首先是瀏覽器的標籤。(圖8)
圖8
剛剛完成的漫遊都會是這樣的瀏覽器標籤,這個內容肯定不會是我們想要的東西,讓我們來改掉它,用Frontpage或者Dreamweaver打開tour.html,在代碼的第4行我們會看到(圖9)這樣一段,<title> </title>這個標籤指的是標題,把“krpano.com - a (3)”改成我們想要的,比如“南湖夢幻島體驗公園”,然後保存,在瀏覽器刷新我們剛剛完成的漫遊,可以看到標籤已經被修改掉了(圖10)。
圖9

圖10
在左下方還有一串英文,這個需要我們要修改tour.xml這個文件,還是用Frontpage或者Dreamweaver打開,在第一行有一個title(標題),把裏面的內容改爲你想要的,比如“南湖夢幻島體驗公園”(圖11),保存然後刷新一下瀏覽器。我們看到左下角的文字已經變成“南湖夢幻島體驗公園 - a(1)”了。
圖11
繼續往下看,在每一個“<scene name”標籤後面都會有“title="a (1)"”,修改這個title中的內容,比如“title="北大門廣場噴泉"”,保存刷新瀏覽器,我們會發現左下角的文字已經被我們替換掉了(圖12)。每一個“<scene name”其實就是包含了一個漫遊場景,修改後面的title,就會修改對應場景的說明文字。
圖12
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章