VR全景圖片拍攝與漫游 課件 項(xiàng)目4 VR全景漫游制作

項(xiàng)目四VR全景漫游制作

VR全景漫游是基于全景圖像的實(shí)景虛擬現(xiàn)實(shí)技術(shù)。是利用單反/全景相機(jī)等攝影器材對(duì)真實(shí)場(chǎng)景的直接拍攝和捕捉。經(jīng)過(guò)特定軟件的組合，最終實(shí)現(xiàn)360/720度全景立體圖像/視頻。用戶可以控制VR全景供自己使用，隨心所欲。就像置身于真實(shí)的環(huán)境中，獲得了全新的視覺(jué)體驗(yàn)。了解Pano2VRPro軟件01用Pano2VRPro制作VR全景漫游02了解全景互動(dòng)工具--720yun03用720yun制作全景漫游04目錄/01了解Pano2VRPro軟件Pano2VRPro界面效果圖Pano2VRPro是一款功能全面的全景圖像轉(zhuǎn)換軟件。它可將您的球形，圓柱形和多分辨率全景圖轉(zhuǎn)換為交互式360o全景圖，輸出可以是HTML5，F(xiàn)lash和QuickTime格式，為您提供了許多顯示項(xiàng)目的選項(xiàng)。5圖像修復(fù)Pano2VRPro的Patch模式可以快速消除三腳架和其他圖像瑕疵。您可以從全景圖中提取定義的色塊區(qū)域而不會(huì)變形，從而使修飾變得更容易。在查看器中定義補(bǔ)丁，將其提取，在您喜歡的編輯器中對(duì)其進(jìn)行編輯，然后將其保存，修改后的補(bǔ)丁將自動(dòng)無(wú)損地應(yīng)用于全景圖。增強(qiáng)體驗(yàn)Pano2VRPro可以方便的向全景圖中添加交互式元素，例如信息彈出窗口，照片熱點(diǎn)，定向聲音和視頻。使用包含的用戶界面覆蓋圖（稱為外觀），或深入研究功能強(qiáng)大的外觀編輯器，以自己獨(dú)特的界面設(shè)計(jì)來(lái)設(shè)計(jì)自定義按鈕和控制器-所有這些都可以進(jìn)行響應(yīng)以使設(shè)計(jì)適合任何屏幕。亮點(diǎn)展示通過(guò)自動(dòng)創(chuàng)建在每個(gè)游覽節(jié)點(diǎn)中導(dǎo)航的動(dòng)畫(huà)路徑，突出顯示游覽中的重要場(chǎng)景。觀眾可以隨時(shí)選擇暫停動(dòng)畫(huà)以進(jìn)行交互和進(jìn)一步探索。Pano2VRPro特色功能6插入視頻及路徑亮點(diǎn)展示高清圖像支持Pano2VRPro支持千兆像素的圖像，因此觀看者可以放大圖像以查看驚人的細(xì)節(jié)。Pano2VR不僅可以處理它，而且可以快速處理全景照片，并且輸出完美的全景圖像。輕松展示作品以HTML5格式導(dǎo)出全景圖，可以上傳到您的網(wǎng)絡(luò)服務(wù)器以供用戶瀏覽。Pano2VRPro還提供了一個(gè)方便的插件，可讓您將完成的項(xiàng)目直接發(fā)布到WordPress網(wǎng)站。Pano2VRPro支持WebVR，它使您可以直接從網(wǎng)頁(yè)創(chuàng)建完全身臨其境的VR體驗(yàn)。或者，使用集成的VRTourviewer應(yīng)用程序進(jìn)行脫機(jī)VR游覽。Pano2VRPro特色功能7校園全景漫游效果圖/02用Pano2VRPro制作VR全景漫游任務(wù)描述9

Pano2VRPro是一個(gè)全景圖像轉(zhuǎn)換應(yīng)用軟件?？梢园讶皥D像轉(zhuǎn)換成的QuickTime或者M(jìn)acromediaFlash格式的功能。該軟件允許幾分鐘內(nèi)發(fā)布全景圖像。不管你在做什么類型的項(xiàng)目，無(wú)論是千兆像素全景圖還是有數(shù)百個(gè)節(jié)點(diǎn)的虛擬旅游，Pano2VR都將幫助您在桌面和移動(dòng)設(shè)備上快速啟動(dòng)和運(yùn)行項(xiàng)目。動(dòng)畫(huà)編輯器現(xiàn)在是一個(gè)面板，它也更強(qiáng)大?，F(xiàn)在可以將皮膚元素連接到動(dòng)畫(huà)，例如，字幕或文本框，可以在動(dòng)畫(huà)中的特定時(shí)間出現(xiàn)和消失。皮膚編輯器也有了新的功能。最顯著的特性是對(duì)映射元素。這是如何添加一個(gè)地圖或平面圖覆蓋到項(xiàng)目中。以前，只能向map元素添加一個(gè)映射。查看器已經(jīng)更新，以便能夠播放360°視頻，使其更易于使用媒體。曾經(jīng)全景視頻已經(jīng)被添加在查看器或?yàn)g覽器中，將在查看器中顯示傳輸控件。任務(wù)要求10了解pano2vr軟件的安裝；掌握熱點(diǎn)的應(yīng)用；掌握皮膚設(shè)置及戶型圖節(jié)點(diǎn)的應(yīng)用；掌握外加縮略圖的應(yīng)用；掌握指示方向的添加；了解添加視頻；掌握音樂(lè)、配音的添加；掌握作品的輸出。

實(shí)例目錄11實(shí)例1軟件安裝實(shí)例2熱點(diǎn)設(shè)置實(shí)例3輸出實(shí)例4皮膚設(shè)置及戶型圖節(jié)點(diǎn)實(shí)例5地形圖的切換實(shí)例6添加縮略圖實(shí)例7添加方向指示實(shí)例8插入視頻實(shí)例9打包文件實(shí)例1

軟件安裝1）下載數(shù)據(jù)包然后解壓，雙擊“Pano2vr_install64_6_1_13.exe”，打開(kāi)“歡迎使用Pano2vr664位安裝程序”對(duì)話框，如圖4-1所示，單擊“下一步”按鈕。

圖4-1歡迎界面

圖4-2許可協(xié)議2）打開(kāi)“許可證協(xié)議”對(duì)話框，如圖4-2所示，單擊“我接受”按鈕。3）打開(kāi)“選擇安裝位置”對(duì)話框，如圖4-3所示單擊“安裝”按鈕。實(shí)例1

軟件安裝13

圖4-3安裝位置

圖4-4正在安裝4）打開(kāi)“正在安裝”對(duì)話框，請(qǐng)耐心等待，如圖4-5所示。5）打開(kāi)“Pano2VR664bit安裝程序結(jié)束”對(duì)話框，如圖4-5所示，單擊“完成”按鈕。實(shí)例1

軟件安裝14

圖4-5完成安裝

圖4-6打開(kāi)文件所在位置6）找到并選擇破解補(bǔ)丁“pano2vr”，右鍵單擊之，從彈出的快捷菜單中選擇“復(fù)制”選項(xiàng)。7）右擊桌面Pano2VR664bit圖標(biāo)，從彈出的快捷菜單中選擇“打開(kāi)文件所在的位置”選項(xiàng)，如圖4-6所示。打開(kāi)Pano2VR6文件夾，右鍵單擊之，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)，替換目標(biāo)中的文件，如圖4-7所示

實(shí)例1

軟件安裝15

圖4-7將破解包替換原文件

圖4-8軟件歡迎界面8）在桌面上雙擊“pano2vr64bit”圖標(biāo)，打開(kāi)“歡迎使用Pano2vr”對(duì)話框，如圖4-8所示，找到注冊(cè)碼，并復(fù)制，單擊“輸入許可證密鑰”按鈕，打開(kāi)“輸入許可證”對(duì)話框，在“許可密鑰”文本框內(nèi)粘貼注冊(cè)碼，如圖4-9所示，單擊“OK”→“OK”按鈕。9）打開(kāi)“Pano2VRpro6.1.13”窗口，如圖4-10所示。

實(shí)例1

軟件安裝16

圖4-9輸入許可證密碼

圖4-10“Pano2VRpro6.1.13”窗口

實(shí)例2熱點(diǎn)設(shè)置17

熱點(diǎn)是指用戶在觀看全景圖期間可以在圖片中單擊的圖形或?qū)ο螅c(diǎn)擊后用戶可以查看彈出信息窗口、跳轉(zhuǎn)到網(wǎng)站或其他3600全景圖。1）在桌面上雙擊Pano2VR664bit圖標(biāo)，打開(kāi)Pano2VR軟件，單擊“新建項(xiàng)目”按鈕，打開(kāi)“插入全景圖”對(duì)話框，選擇“陳列館”、“臺(tái)階中段”、“烈士墓”和“渣滓洞監(jiān)獄”四個(gè)全景圖片，單擊“打開(kāi)”按鈕。2）拖曳全景圖片排序陳列館、臺(tái)階中段、烈士墓和渣滓洞監(jiān)獄。3）選擇第一張圖，右擊之，從彈出的快捷菜單中選擇“設(shè)定初始場(chǎng)景全景”選項(xiàng)。4）在屬性選項(xiàng)卡中，單擊背景聲音選項(xiàng)“文件”后面的

按鈕，打開(kāi)“音頻文件”對(duì)話框，選擇一首音樂(lè)“紅梅贊”，單擊“打開(kāi)”按鈕。設(shè)置“循環(huán)”次數(shù)為0（無(wú)限循環(huán)）。5）將鼠標(biāo)放在預(yù)覽窗口的

按鈕上，從彈出的快捷菜單中選擇“指定熱點(diǎn)”

選項(xiàng)，如圖4-11所示，在適當(dāng)?shù)奈恢秒p擊之，如圖4-12所示。

圖4-11熱點(diǎn)

圖4-12設(shè)置熱點(diǎn)

圖4-13屬性設(shè)置實(shí)例2熱點(diǎn)設(shè)置18圖4-14臺(tái)階中段熱點(diǎn)

圖4-15屬性-指定熱點(diǎn)6）在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入下一次要去的全景圖片，如臺(tái)階中段。在“鏈接目標(biāo)網(wǎng)址”中選擇臺(tái)階中段，如圖4-13所示，這樣一個(gè)熱點(diǎn)就設(shè)置好了。7）選擇臺(tái)階中段，在適當(dāng)?shù)奈恢秒p擊之，如圖4-14所示，在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，“標(biāo)題”為烈士墓，“鏈接目標(biāo)網(wǎng)址”為烈士墓，如圖4-15所示。實(shí)例2熱點(diǎn)設(shè)置19

8）在臺(tái)階中段的適當(dāng)位置雙擊之，如圖4-16所示，在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，“標(biāo)題”為陳列館?！版溄幽繕?biāo)網(wǎng)址”為陳列館，如圖4-17所示。

圖4-16臺(tái)階中段熱點(diǎn)2圖4-17屬性-指定熱點(diǎn)

9）選擇“烈士墓”圖片，在烈士墓的適當(dāng)位置雙擊之，如圖4-18所示，在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，“標(biāo)題”為臺(tái)階中段?！版溄幽繕?biāo)網(wǎng)址”為臺(tái)階中段，如圖4-19所示。

圖4-18烈士墓熱點(diǎn)3

圖4-19屬性-指定熱點(diǎn)

10）選擇陳列館，在適當(dāng)?shù)奈恢秒p擊之，如圖4-20所示，在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入渣滓洞監(jiān)獄，“鏈接目標(biāo)網(wǎng)址”設(shè)置為渣滓洞監(jiān)獄，如圖4-21所示。實(shí)例2熱點(diǎn)設(shè)置12）選擇“陳列館”全景圖，將鼠標(biāo)放在熱點(diǎn)上，從彈出的快捷菜單中選擇“聲音”選項(xiàng)，雙擊預(yù)覽窗口，打開(kāi)“選擇聲音文件”對(duì)話框，選擇“簡(jiǎn)介配音”音頻，單擊“打開(kāi)”按鈕，在“屬性”欄中將“模式”設(shè)置為環(huán)繞，“循環(huán)”為0。13）用同樣的方法，給其他全景圖添加“簡(jiǎn)介配音”音頻。11）在渣滓洞監(jiān)獄的適當(dāng)位置雙擊之，如圖4-22所示，在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，“標(biāo)題”內(nèi)輸入陳列館，“鏈接目標(biāo)網(wǎng)址”選擇陳列館，如圖4-23所示。圖4-20陳列館熱點(diǎn)2圖4-21屬性-指定熱點(diǎn)圖4-22渣滓洞監(jiān)獄熱點(diǎn)

圖4-23屬性-指定熱點(diǎn)實(shí)例3

輸出21VR全景漫游制作完成輸出后才能觀看，只需點(diǎn)擊“輸出”下面加號(hào)右邊的小箭頭即可，一般情況下只需選擇“HTML5”與“動(dòng)畫(huà)”，這兩者的區(qū)別在于Flash輸出主要包含一個(gè)html文件和一個(gè)動(dòng)畫(huà)文件，動(dòng)畫(huà)文件將所有全景場(chǎng)景壓縮在一起，通過(guò)html網(wǎng)頁(yè)加載swf觀看，所以手機(jī)瀏覽器是觀看不了的，而HTML5就能解決這個(gè)問(wèn)題，電腦和手機(jī)均支持，根據(jù)自己的需要選擇輸出格式。1）單擊“輸出”按鈕，打開(kāi)“輸出”選項(xiàng)，單擊加號(hào)右邊的小三角形，從彈出的快捷菜單中選擇“HTML5”選項(xiàng)。2）單擊“自動(dòng)旋轉(zhuǎn)&動(dòng)畫(huà)”左邊的小三角形按鈕，勾選“飛入”和“自動(dòng)旋轉(zhuǎn)”復(fù)選框，設(shè)置“速度”為1，“平均速度”為0.2，如圖4-24所示。

圖4-24輸出

圖4-25提示警告

圖4-26進(jìn)度實(shí)例3

輸出

3）單擊“GenerateOutput”

按鈕，打開(kāi)“提示警告”對(duì)話框，如圖4-25所示，單擊“OK”按鈕，打開(kāi)“保存Pano2VR項(xiàng)目文件”對(duì)話框，在文件名處輸入作品3，單擊“保存”按鈕，打開(kāi)“進(jìn)度”對(duì)話框，如圖4-26所示，進(jìn)行輸出。4）完成輸出，打開(kāi)瀏覽網(wǎng)頁(yè)，開(kāi)始預(yù)覽，預(yù)覽完畢，單擊“關(guān)閉”按鈕，退出預(yù)覽。5）單擊“生成GardenGnome軟件包”按鈕，打開(kāi)“保存GardenGnome包文件”對(duì)話框，在文件名處輸入作品3，單擊“保存”按鈕，打開(kāi)“進(jìn)度”對(duì)話框，進(jìn)行輸出。6）打開(kāi)保存位置文件夾，雙擊作品3，打開(kāi)瀏覽網(wǎng)頁(yè)，開(kāi)始預(yù)覽，如圖4-27所示，預(yù)覽完畢，單擊“關(guān)閉”按鈕，退出預(yù)覽。4-27所示

瀏覽效果實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)23

皮膚設(shè)置及戶型圖節(jié)點(diǎn)即導(dǎo)航圖。在制作室內(nèi)房產(chǎn)家裝的全景漫游時(shí)，常使用平面CAD圖或平面效果圖作導(dǎo)航，順便也能提供個(gè)戶型示意。在制作室外小區(qū)園區(qū)的全景漫游時(shí)，常使用平面設(shè)計(jì)圖或者截取第三方地圖作為導(dǎo)航圖，下面以兩個(gè)學(xué)校的漫游為例。（1）皮膚設(shè)置（導(dǎo)航圖）1）執(zhí)行菜單命令“文件”→“新建”，新建一個(gè)項(xiàng)目，單擊“輸入”按鈕，打開(kāi)“插入全景圖”對(duì)話框，選擇“北大門(mén)”、“廣場(chǎng)1”、“學(xué)子芯”和“重電南門(mén)”四個(gè)全景圖片。2）選擇第一張圖，單擊背景聲音選項(xiàng)卡中的文件選項(xiàng)后面的

按鈕，打開(kāi)“音頻文件”對(duì)話框，選擇一首音樂(lè)，單擊“確定”按鈕3）設(shè)置“循環(huán)”次數(shù)為0（無(wú)限循環(huán)）。4）將指針?lè)旁陬A(yù)覽窗口的圖標(biāo)

上，從彈出的快捷菜單中選擇“指定熱點(diǎn)”

選項(xiàng)，在適當(dāng)?shù)奈恢秒p擊。5）在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入學(xué)子芯。在“鏈接目標(biāo)網(wǎng)址”中選擇學(xué)子芯。6）選擇“學(xué)子芯”，在適當(dāng)?shù)奈恢秒p擊之。在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入北大門(mén)。在“鏈接目標(biāo)網(wǎng)址”中選擇北大門(mén)。

7）在輸出窗口，單擊加號(hào)右邊的小三角形

，從彈出的快捷菜單中選擇“HTML5”選項(xiàng)。8）單擊“皮膚”右邊的小三角形，從彈出的快捷菜單中選擇simplex_v6.ggsk選項(xiàng)，單擊“編輯皮膚”

按鈕，打開(kāi)“皮膚編輯器”對(duì)話框，設(shè)置“寬”為1100，“高”為500，如圖4-28所示。實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)24圖4-28皮膚編輯器9）單擊“關(guān)閉”→“SAVE”→“OK”按鈕，打開(kāi)“保存皮膚”對(duì)話框，在文件名處輸入“皮膚設(shè)置”，單擊“保存”按鈕。10）單擊“GenerateOutput”按鈕，打開(kāi)“Pano2VR”對(duì)話框，單擊“OK”按鈕。打開(kāi)“保存”對(duì)話框，在文件名處輸入作品2，單擊“保存”按鈕，進(jìn)行輸出，輸出完畢，打開(kāi)網(wǎng)頁(yè)，進(jìn)行瀏覽，單擊“關(guān)閉”按鈕。11）單擊“打開(kāi)輸出”

按鈕，打開(kāi)網(wǎng)頁(yè)，開(kāi)始瀏覽，下方會(huì)出現(xiàn)一些按鈕，例如放大

，減小

，自動(dòng)旋轉(zhuǎn)

，顯示縮略

，改變立體模式

，進(jìn)入全屏

，如圖4-29所示，單擊“顯示縮略圖”

按鈕，如圖4-30所示，關(guān)閉瀏覽器。圖4-29按鈕實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)25圖4-30縮略圖

圖4-31畫(huà)布設(shè)置

（2）戶型圖節(jié)點(diǎn)1）在上述基礎(chǔ)上，設(shè)置“皮膚”為cardboard.ggsk選項(xiàng)，單擊“編輯皮膚”按鈕，打開(kāi)“皮膚編輯器”對(duì)話框，畫(huà)布寬高設(shè)置為1100×500，單擊“添加圖片”按鈕，再單擊“畫(huà)布”，如圖4-31所示，打開(kāi)“添加新圖片”對(duì)話框，選擇“電子校沙盤(pán)”和“學(xué)校沙盤(pán)”，單擊“打開(kāi)”按鈕，插入兩張圖片，設(shè)置寬和高為280×140。2）將兩張圖片位置重疊，并調(diào)整其位置，分別設(shè)置“錨點(diǎn)”為右下角，如圖4-32所示。實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)26圖4-32設(shè)置錨點(diǎn)實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)27

3）單擊“添加節(jié)點(diǎn)標(biāo)記”按鈕，在地沙盤(pán)相應(yīng)位置上雙擊之，這個(gè)節(jié)點(diǎn)是沒(méi)有任何顯示的，在上層沙盤(pán)圖和下層沙盤(pán)圖各添加兩個(gè)節(jié)點(diǎn)，如圖4-33所示。

圖4-33添加節(jié)點(diǎn)

4）導(dǎo)入兩個(gè)圖標(biāo)，紅色為30×40，灰色為30×40，紅色為激活狀態(tài)，灰色為未激活狀態(tài)，如圖4-37所示。圖4-34添加兩個(gè)小實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)28

5）設(shè)置激活狀態(tài)圖標(biāo)的ID為A-ON，未激活狀態(tài)圖標(biāo)為A-OFF。選擇Marker1，單擊“漫游節(jié)點(diǎn)標(biāo)記”左邊的小三角形，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為北大門(mén)，“正常方式克隆”為A-OFF，“克隆并激活”為A-ON，將節(jié)點(diǎn)的“錨點(diǎn)”設(shè)置為右下角。6）選擇Marker2，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為廣場(chǎng)1，“正常方式克隆”為A-OFF，“克隆并激活”為A-ON，將節(jié)點(diǎn)的“錨點(diǎn)”設(shè)置為右下角，如圖4-35所示。7）將上層的沙盤(pán)圖和節(jié)點(diǎn)都隱藏起來(lái)，用同樣的方法再建立兩個(gè)節(jié)點(diǎn)，設(shè)置Marker3的“漫游節(jié)點(diǎn)標(biāo)記”為學(xué)子芯，“正常方式克隆”為A-OFF，“克隆并激活”為A-ON，將節(jié)點(diǎn)的“錨點(diǎn)”設(shè)置為右下角；Marker4的“漫游節(jié)點(diǎn)標(biāo)記”為重電南門(mén)，“正常方式克隆”為A-OFF，“克隆并激活”為A-ON，將節(jié)點(diǎn)的“錨點(diǎn)”設(shè)置為右下角，設(shè)置完之后，將上層的沙盤(pán)圖和節(jié)點(diǎn)的眼睛打開(kāi)（注意圖層的排列），如圖4-36所示。圖4-36Marker4的設(shè)置

圖4-37地形圖實(shí)例4

皮膚設(shè)置及戶型圖節(jié)點(diǎn)29

8）單擊“關(guān)閉”→“Save”按鈕，打開(kāi)“出錯(cuò)”對(duì)話框，單擊OK按鈕，打開(kāi)“保存皮膚”對(duì)話框，更改文件名為“地形圖切換”，單擊“保存”按鈕。9）單擊GenerateOutPut按鈕，打開(kāi)“創(chuàng)建輸出”對(duì)話框，單擊“yes”按鈕，開(kāi)始輸出，輸出完畢，開(kāi)始瀏覽，右下方會(huì)出現(xiàn)上層沙盤(pán)圖，如圖4-37所示。單擊“節(jié)點(diǎn)”按鈕，可以進(jìn)入相應(yīng)的全景圖。實(shí)例5

地形圖的切換30

上述制作完之后，在預(yù)覽轉(zhuǎn)換學(xué)校時(shí)，地形圖還不能相應(yīng)地轉(zhuǎn)換，如圖4-38所示，因此還要進(jìn)行如下操作。圖4-38地形圖沒(méi)有轉(zhuǎn)換1）單擊“編輯皮膚”按鈕，打開(kāi)“皮膚編輯器”對(duì)話框，顯示上層的地形圖和節(jié)點(diǎn)，如圖4-39所示。圖4-39地形圖與節(jié)點(diǎn)排列實(shí)例5

地形圖的切換31

2）選擇Image1沙盤(pán)圖，單擊“動(dòng)作”左邊的小三角形按鈕，展開(kāi)“動(dòng)作”選項(xiàng)，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為Sart，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，單擊“OK”按鈕。3）右鍵單擊Start，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，分別選擇Marker1、Marker2的節(jié)點(diǎn)，展開(kāi)“動(dòng)作”選項(xiàng)，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)。4）選擇Marker2，展開(kāi)“動(dòng)作”選項(xiàng)，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為Image2，單擊“OK”按鈕。5）選擇Marker2，展開(kāi)“動(dòng)作”選項(xiàng)，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕。6）選擇Marker2，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為Marker1，單擊“OK”按鈕，如圖4-40所示。

圖4-40Marker2動(dòng)作設(shè)置

圖4-41Marker1動(dòng)作設(shè)置實(shí)例5

地形圖的切換32

上述制作完之后，在預(yù)覽轉(zhuǎn)換學(xué)校時(shí)，地形圖還不能相應(yīng)地轉(zhuǎn)換，如圖4-38所示，因此還要進(jìn)行如下操作。1）單擊“編輯皮膚”按鈕，打開(kāi)“皮膚編輯器”對(duì)話框，顯示上層的地形圖和節(jié)點(diǎn)，如圖4-39所示。圖4-38地形圖沒(méi)有轉(zhuǎn)換

圖4-39地形圖與節(jié)點(diǎn)排列

2）選擇Image1沙盤(pán)圖，單擊“動(dòng)作”左邊的小三角形按鈕，展開(kāi)“動(dòng)作”選項(xiàng)，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為Start，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，單擊“OK”按鈕。3）右鍵單擊Start，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，分別選擇Marker1、Marker2的節(jié)點(diǎn)，展開(kāi)“動(dòng)作”選項(xiàng)，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)。實(shí)例5

地形圖的切換33

4）選擇Marker2，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為Image2，單擊“OK”按鈕。5）選擇Marker2，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕。6）選擇Marker2，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為Marker1，單擊“OK”按鈕，如圖4-40所示。

圖4-40Marker2動(dòng)作設(shè)置

圖4-41Marker1動(dòng)作設(shè)置實(shí)例5

地形圖的切換34

7）選擇后三項(xiàng)，右鍵單擊之，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，選擇Marker1，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)。8)雙擊最后一項(xiàng)空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為Marker2，單擊“OK”按鈕，如圖4-41所示。9)選擇Marker3，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕。10)雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為0，“目標(biāo)”為Image2，單擊“OK”按鈕。11）雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為0，“目標(biāo)”為Marker2，單擊“OK”按鈕。12）雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為0，“目標(biāo)”為Marker1，單擊“OK”按鈕，如圖4-42所示。

圖4-42Marker3動(dòng)作設(shè)置圖4-43Marker4動(dòng)作設(shè)置實(shí)例5

地形圖的切換35

13）選擇所有的選項(xiàng)，右鍵單擊之，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)。14）選擇Marker4，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)如圖4-43所示。15）單擊“關(guān)閉”按鈕，打開(kāi)“是否將改動(dòng)保存到皮膚?”對(duì)話框，單擊“保存”按鈕。16）單擊GenerateOutPut按鈕，打開(kāi)“創(chuàng)建輸出”對(duì)話框，單擊“yes”按鈕，開(kāi)始輸出，輸出完畢，開(kāi)始瀏覽，單擊“熱點(diǎn)”按鈕，轉(zhuǎn)換到學(xué)子芯圖片，右下方會(huì)出現(xiàn)下層沙盤(pán)圖，如圖4-44所示。

圖4-44地形圖實(shí)例6

添加縮略圖36

添加外部縮略圖是導(dǎo)航圖的另一種形式，軟件本身的皮膚simplex_v6.ggsk自帶縮略圖，如果要想自創(chuàng)縮略圖，可以按下列操作步驟進(jìn)行。1）執(zhí)行菜單命令“文件”→“新建”，新建一個(gè)項(xiàng)目，單擊“輸入”按鈕，打開(kāi)“插入全景圖”對(duì)話框，選擇“建南門(mén)”、“廣場(chǎng)1”、“建筑館”和“放眼世界”四張VR全景圖片，單擊“打開(kāi)”按鈕，按上述順序進(jìn)行排列。2）選擇第一張圖，單擊背景聲音選項(xiàng)卡中的文件選項(xiàng)后面的

按鈕，打開(kāi)“音頻文件”對(duì)話框，選擇一首音樂(lè)，單擊“確定”按鈕。3）設(shè)置“循環(huán)”次數(shù)為0（無(wú)限循環(huán)）。

4）調(diào)整全景圖的位置，如圖4-45所示，選擇“查看參數(shù)”

選項(xiàng)卡，在默認(rèn)視圖中單擊“設(shè)置”按鈕，如圖4-46所示圖4-45縮略圖圖4-46單擊設(shè)置按鈕實(shí)例6

添加縮略圖375）單擊“輸出”下面的加號(hào)

右邊的小三角形按鈕，從彈出的快捷菜單中選擇“變換/轉(zhuǎn)換/變形”選項(xiàng)，單擊“變換/轉(zhuǎn)換/變形”按鈕左邊的小三角形，展開(kāi)“變換/轉(zhuǎn)換/變形”選項(xiàng)，預(yù)覽縮略圖效果，如圖4-47所示。

圖4-47預(yù)覽縮略圖

圖4-48縮略圖排列實(shí)例6

添加縮略圖386）單擊GenerateOutPut→OK按鈕，打開(kāi)“保存Pano2VR項(xiàng)目文件”對(duì)話框，在“文件名”文本框內(nèi)輸入縮略圖，單擊“保存”按鈕，開(kāi)始創(chuàng)建縮略圖，創(chuàng)建完成后，打開(kāi)縮略圖，單擊上方的“查看更多”…按鈕，從彈出的快捷菜單中選擇“另存為”選項(xiàng)，打開(kāi)“另存為”對(duì)話框，在“文件名”文本框內(nèi)輸入南大門(mén)，單擊“保存”按鈕，單擊“關(guān)閉”按鈕。7）選擇“廣場(chǎng)1”，調(diào)整全景圖的位置，在默認(rèn)視圖中單擊“設(shè)置”按鈕，單擊“GenerateOutPut”按鈕，打開(kāi)“創(chuàng)建輸出”對(duì)話框，單擊yes按鈕，開(kāi)始創(chuàng)建縮略圖，創(chuàng)建完成后，打開(kāi)縮略圖，單擊上方的“查看更多”…按鈕，從彈出的快捷菜單中選擇“另存為”選項(xiàng)，打開(kāi)“另存為”對(duì)話框，在“文件名”文本框內(nèi)輸入廣場(chǎng)，單擊“保存”按鈕，單擊“關(guān)閉”按鈕。8）選擇“建筑館”，調(diào)整全景圖的位置，在默認(rèn)視圖中單擊“設(shè)置”按鈕，單擊“GenerateOutPut”按鈕，打開(kāi)“創(chuàng)建輸出”對(duì)話框，單擊yes按鈕，開(kāi)始創(chuàng)建縮略圖，創(chuàng)建完成后，打開(kāi)縮略圖，單擊上方的“查看更多”…按鈕，從彈出的快捷菜單中選擇“另存為”選項(xiàng)，打開(kāi)“另存為”對(duì)話框，在“文件名”文本框內(nèi)輸入建筑館，單擊“保存”按鈕，單擊“關(guān)閉”按鈕。9）選擇“放眼世界”，調(diào)整全景圖的位置，在默認(rèn)視圖中單擊“設(shè)置”按鈕，單擊“GenerateOutPut”按鈕，打開(kāi)“創(chuàng)建輸出”對(duì)話框，單擊yes按鈕，開(kāi)始創(chuàng)建縮略圖，創(chuàng)建完成后，打開(kāi)縮略圖，單擊上方的“查看更多”…按鈕，從彈出的快捷菜單中選擇“另存為”選項(xiàng)，打開(kāi)“另存為”對(duì)話框，在“文件名”文本框內(nèi)輸入放眼世界，單擊“保存”按鈕，單擊“關(guān)閉”按鈕。實(shí)例6

添加縮略圖3910）單擊“輸出”下面的加號(hào)

右邊的小三角形按鈕，從彈出的快捷菜單中選擇“HTML5”選項(xiàng)，設(shè)置“皮膚”為cardboard.ggsk。11）單擊“編輯皮膚”按鈕，設(shè)置畫(huà)面“寬度”為1100，“高度”為600，單擊“添加圖片”按鈕，單擊畫(huà)面，打開(kāi)“添加新圖片”對(duì)話框，選擇四張縮略圖，單擊“打開(kāi)”按鈕，設(shè)置尺寸“寬”和“高”均為100，并進(jìn)行排列，如圖4-48所示。12）選擇“添加節(jié)點(diǎn)標(biāo)記”按鈕，雙擊縮略圖的左上角，分別添加給每個(gè)縮略圖添加一個(gè)節(jié)點(diǎn)，分別將節(jié)點(diǎn)標(biāo)記拖曳到縮略圖的左上角，如圖4-49所示。再將縮略圖分別拖曳到各自節(jié)點(diǎn)標(biāo)記之下，如圖4-50所示。

圖4-49

添加拖曳節(jié)點(diǎn)

圖4-50縮略圖在節(jié)點(diǎn)標(biāo)記內(nèi)實(shí)例6

添加縮略圖4013）選擇Marker1,展開(kāi)“漫游節(jié)點(diǎn)標(biāo)記”選項(xiàng)，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為建院南門(mén)，選擇Marker2,展開(kāi)“漫游節(jié)點(diǎn)標(biāo)記”選項(xiàng)，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為廣場(chǎng)1，選擇Marker3,展開(kāi)“漫游節(jié)點(diǎn)標(biāo)記”選項(xiàng)，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為建筑館，選擇Marker4,展開(kāi)“漫游節(jié)點(diǎn)標(biāo)記”選項(xiàng)，設(shè)置“漫游節(jié)點(diǎn)/標(biāo)簽”為放眼世界。14）選擇Marker2，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為Start，“動(dòng)作”為透明度，“Alpha值（透明度）”為0.4，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕。15）右鍵單擊Start，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，分別選擇Marker3和Marker4，展開(kāi)“動(dòng)作”選項(xiàng)，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)。16）選擇Marker1、Marker2、Marker3和Marker4，設(shè)置“錨點(diǎn)”為左下角。17）選擇Marker1，雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為激活，“動(dòng)作”為透明度，“Alpha值（透明度）”為1，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕。18）雙擊“來(lái)源”下方的空白處，打開(kāi)“動(dòng)作設(shè)定”對(duì)話框，設(shè)置“來(lái)源”為停用，“動(dòng)作”為透明度，“Alpha值（透明度）”為0.4，“目標(biāo)”為_(kāi)self，單擊“OK”按鈕，如圖4-51所示。

實(shí)例6

添加縮略圖41

圖4-51Marker1設(shè)置

圖4-52Marker2、Marker3和Marker4設(shè)置19）選擇“激活”和“停用”，右鍵單擊之，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，分別選擇Marker2、Marker3和Marker4，右鍵單擊“來(lái)源”下方的空白處，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)，如圖4-52所示。20）單擊“關(guān)閉”→“保存”→“OK”按鈕，打開(kāi)“保存皮膚”對(duì)話框，在文件名處輸入“添加縮略圖”，單擊“保存”按鈕。21）單擊GenerateOutPut→“OK”按鈕，打開(kāi)進(jìn)度條，開(kāi)始輸出，輸出完畢，開(kāi)始瀏覽，左下方會(huì)出現(xiàn)縮略圖，如圖4-53所示。實(shí)例6

添加縮略圖42

圖4-53添加縮略圖效果實(shí)例7

添加方向指示43

前面的熱點(diǎn)沒(méi)有方向指示，沒(méi)有方向感，可自己制作各種箭頭，或者在網(wǎng)上下載箭頭，然后通過(guò)皮膚編輯器添加到熱點(diǎn)上去，本例是在網(wǎng)上下載的箭頭，添加到熱點(diǎn)上，具體操作步驟如下。1）執(zhí)行菜單命令“文件”→“新建”，新建一個(gè)項(xiàng)目，單擊“輸入”按鈕，打開(kāi)“插入全景圖”對(duì)話框，選擇“廣場(chǎng)1”、“放眼世界”和“宿舍1”三張VR全景圖片，單擊“打開(kāi)”按鈕，按上述順序進(jìn)行排列。2）選擇第一張圖，單擊背景聲音選項(xiàng)卡中的文件選項(xiàng)后面的

按鈕，打開(kāi)“音頻文件”對(duì)話框，選擇一首音樂(lè)，單擊“確定”按鈕。3）設(shè)置“循環(huán)”次數(shù)為0（無(wú)限循環(huán)）。

4）選擇“廣場(chǎng)1”，將鼠標(biāo)放在預(yù)覽窗口的

按鈕上，從彈出的快捷菜單中選擇“指定熱點(diǎn)”

選項(xiàng)，在適當(dāng)?shù)奈恢秒p擊之，如圖4-54所示。

圖4-54添加熱點(diǎn)

圖4-55熱點(diǎn)屬性設(shè)置實(shí)例7

添加方向指示445）在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入宿舍1，在“鏈接目標(biāo)網(wǎng)址”中選擇宿舍1，如圖4-55所示。6）向右旋轉(zhuǎn)廣場(chǎng)1，在適當(dāng)?shù)奈恢秒p擊之，如圖4-56所示。在屬性欄中將“類型”設(shè)置為導(dǎo)覽節(jié)點(diǎn)，在“標(biāo)題”文本框內(nèi)輸入放眼世界，在“鏈接目標(biāo)網(wǎng)址”中選擇放眼世界。

圖4-56添加熱點(diǎn)

圖4-57添加熱點(diǎn)實(shí)例7

添加方向指示459）在右邊的輸出選項(xiàng)卡中，單擊加號(hào)右邊的三角形按鈕，從彈出的快捷菜單中選擇HTML5，在“皮膚”中選擇silhouette_cardboard1.ggsk，單擊“編輯皮膚”按鈕，設(shè)置畫(huà)面“寬度”為1100?！案叨取睘?00，打開(kāi)“皮膚編輯器”對(duì)話框，將左、右和上三張箭頭圖導(dǎo)入畫(huà)布中，設(shè)置尺寸“寬”和“高”均為40，并進(jìn)行排列，在工具欄中選擇“添加交互熱點(diǎn)模板”

按鈕，分別在箭頭圖片的上方雙擊添加熱點(diǎn)，如圖4-59所示。10）將箭頭分別拖曳到相應(yīng)的熱點(diǎn)內(nèi)，并在ID內(nèi)進(jìn)行相應(yīng)的命名Zuo、you和shang，如圖4-60所示。

圖4-60箭頭在樹(shù)中的位置及熱點(diǎn)命名

圖4-61拷貝

實(shí)例7

添加方向指示4611）在樹(shù)窗口中選擇熱點(diǎn)ht_node，全選“來(lái)源”下面的選項(xiàng)，右鍵單擊之，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，如圖4-61所示。12）分別選擇Zuo、you和shang熱點(diǎn)，在“來(lái)源”下方單擊鼠標(biāo)右鍵，從彈出的快捷菜單中選擇“粘貼”選項(xiàng)，進(jìn)行參數(shù)粘貼，如圖4-62所示。

圖4-62粘貼

圖4-63粘貼文字信息

圖4-64設(shè)置文字選項(xiàng)ID

實(shí)例7

添加方向指示4713）在樹(shù)窗口中右鍵單擊tt_ht_node文字選項(xiàng)，從彈出的快捷菜單中選擇“拷貝”選項(xiàng)，分別選擇Zuo、you和shang熱點(diǎn)，從彈出的快捷菜單中選擇“粘貼元素”選項(xiàng)，如圖4-63所示。

14）將復(fù)制過(guò)來(lái)shang熱點(diǎn)的文字選項(xiàng)，在屬性窗口中設(shè)置ID為A-shang。將復(fù)制過(guò)來(lái)you熱點(diǎn)的文字選項(xiàng)，在屬性窗口中設(shè)置ID為A-you，將復(fù)制過(guò)來(lái)zuo熱點(diǎn)的文字選項(xiàng)，在屬性窗口中設(shè)置ID為A-zuo，如圖4-64所示。15）將shang熱點(diǎn)“動(dòng)作”中的tt_ht_node改為A-shang，如圖4-65所示，將you熱點(diǎn)“動(dòng)作”中的tt_ht_node改為A-you，將zuo熱點(diǎn)“動(dòng)作”中的tt_ht_node改為A-zuo。

圖4-65修改目標(biāo)值

圖4-66移動(dòng)文字圖標(biāo)

實(shí)例7

添加方向指示4816）將相應(yīng)的文字位置

移動(dòng)到箭頭圖形下，如圖4-66所示。17）單擊“關(guān)閉”按鈕，打開(kāi)“是否將改動(dòng)保存到皮膚?”對(duì)話框，單擊“保存”→“OK”按鈕，打開(kāi)“保存皮膚”對(duì)話框，在文件名處輸入“添加方向指示”，單擊“保存”按鈕。18）在導(dǎo)覽瀏覽器下方選擇“廣場(chǎng)1”全景圖，在預(yù)覽窗口中選擇右邊熱點(diǎn)，屬性窗口中設(shè)置“皮膚ID”為zuo，在預(yù)覽窗口中選擇左邊的熱點(diǎn)，屬性窗口中設(shè)置“皮膚ID”為you，如圖4-67所示。

圖4-67設(shè)置皮膚ID圖4-68效果

實(shí)例7

添加方向指示4916）將相應(yīng)的文字位置

移動(dòng)到箭頭圖形下，如圖4-66所示。17）單擊“關(guān)閉”按鈕，打開(kāi)“是否將改動(dòng)保存到皮膚?”對(duì)話框，單擊“保存”→“OK”按鈕，打開(kāi)“保存皮膚”對(duì)話框，在文件名處輸入“添加方向指示”，單擊“保存”按鈕。18）在導(dǎo)覽瀏覽器下方選擇“廣場(chǎng)1”全景圖，在預(yù)覽窗口中選擇右邊熱點(diǎn)，屬性窗口中設(shè)置“皮膚ID”為zuo，在預(yù)覽窗口中選擇左邊的熱點(diǎn)，屬性窗口中設(shè)置“皮膚ID”為you，如圖4-67所示。

圖4-67設(shè)置皮膚ID圖4-68效果

實(shí)例7

添加方向指示5019）選擇“放眼世界”全景圖，在預(yù)覽窗口中選擇熱點(diǎn)，在屬性窗口中設(shè)置“皮膚ID”為you。20）選擇“宿舍1”全景圖，在預(yù)覽窗口中選擇熱點(diǎn)，在屬性窗口中設(shè)置“皮膚ID”為shang。21）單擊GenerateOutPut→“OK”按鈕，打開(kāi)“保存Pono2VR項(xiàng)目文件”對(duì)話框，在“文件名處輸入方向指示，開(kāi)始輸出，輸出完畢，開(kāi)始瀏覽，在全景圖上熱點(diǎn)處出現(xiàn)左箭頭，如圖4-68所示。

實(shí)例8

插入視頻51

1）執(zhí)行菜單命令“文件”→“新建”，新建一個(gè)項(xiàng)目，單擊“輸入”

按鈕，打開(kāi)“插入全景圖”對(duì)話框，選擇“客廳”，單擊“打開(kāi)”按鈕，旋轉(zhuǎn)到電視機(jī)處，在“查看參數(shù)”窗口中單擊“設(shè)置”按鈕，如圖4-69所示。。2）將鼠標(biāo)放在預(yù)覽窗口的

按鈕上，從彈出的快捷菜單中選擇“視頻”選項(xiàng)，在電視機(jī)上雙擊，打開(kāi)“選擇視頻文件”對(duì)話框，選擇“視頻”文件，單擊“打開(kāi)”按鈕，如圖4-70所示。

圖4-69插入全景圖

圖4-70插入視頻實(shí)例8

插入視頻523）在“屬性”欄中，設(shè)置“模式”為矩形效果，“循環(huán)”為0，勾選“手指光標(biāo)”的啟用，設(shè)置“繞X軸旋轉(zhuǎn)”為-6，“繞Y軸旋轉(zhuǎn)”為6，“繞ZY軸旋轉(zhuǎn)”為1，“平移”為-174，“傾角”為-8，“視場(chǎng)角/視場(chǎng)”為34，“垂直拉伸”為100，如圖4-71所示。4）單擊輸出下面的加號(hào)右邊的三角形按鈕，從彈出的快捷菜單中選擇“HTLM5”選項(xiàng)，單擊GenerateOutPut按鈕，打開(kāi)“Pano2VR”對(duì)話框，單擊“OK”按鈕，打開(kāi)“Pano2VR項(xiàng)目文件”對(duì)話框，在“文件名”處輸入客廳，單擊“保存”按鈕，開(kāi)始輸出，輸出完畢，開(kāi)始瀏覽，如圖4-72所示。

圖4-71調(diào)整位置

圖4-72預(yù)覽效果任務(wù)拓展531.制作一個(gè)8張VR全景圖的漫游，要有熱點(diǎn)設(shè)置以及內(nèi)部的縮略圖。2.制作一個(gè)10張VR全景圖的漫游，要有熱點(diǎn)設(shè)置以及皮膚設(shè)置的箭頭指向。思考與練習(xí)541.怎樣添加內(nèi)部縮略圖？2.怎樣添加外部縮略圖？3.怎樣為熱點(diǎn)添加方向箭頭？TextHere/03了解全景互動(dòng)工具--720yun初識(shí)720yun56

720yun是由北京微想科技有限公司開(kāi)發(fā)運(yùn)營(yíng)的,面向全球的VR全景內(nèi)容創(chuàng)作分享平臺(tái)。該平臺(tái)為全球的VR愛(ài)好者和創(chuàng)作者提供了包括上傳、編輯、分享、互動(dòng)功能在內(nèi)的一站式VR720全景制作分享工具,針對(duì)不同的用戶場(chǎng)景,該平臺(tái)使用起來(lái)都簡(jiǎn)單高效,同時(shí)支持Windows，Mac多種操作環(huán)境,無(wú)論是對(duì)于初入門(mén)的攝影師還是專業(yè)攝影師來(lái)說(shuō)都十分友好,只需采用單擊或拖動(dòng)的方式就可添加豐富的漫游效果。功能介紹觀看全景內(nèi)容720yun的VR全景影像內(nèi)容通過(guò)數(shù)據(jù)流的形式呈現(xiàn)。用戶可為喜歡的作品點(diǎn)贊、評(píng)論、分享。管理分享用戶可以編輯上傳管理分享自己的全景作品。創(chuàng)作學(xué)習(xí)為用戶提供系統(tǒng)的全景內(nèi)容創(chuàng)作教程，指導(dǎo)用戶學(xué)習(xí)創(chuàng)作全景影像內(nèi)容。初識(shí)720yun57案例分享/04用720yun制作全景漫游VR優(yōu)質(zhì)全景內(nèi)容呈現(xiàn)59VR眼鏡分類60移動(dòng)端頭顯設(shè)備(VR眼鏡盒子)

一體式頭顯設(shè)備(VR一體機(jī))

外接式頭顯設(shè)備(PC端頭顯)任務(wù)描述61在VR全景行業(yè)發(fā)展初期，VR全景創(chuàng)作者面臨的最大的問(wèn)題就是如何展示和分享自己的VR全景作品。為了解決創(chuàng)作者的這個(gè)痛點(diǎn)，72Oyun在2014年的時(shí)候就上線了一個(gè)可以在線播放VR全景圖的播放器工具，也就是“VR全景播放器”。而展示出來(lái)的VR全景圖，在英文中被稱為“PanoramaVirtualTour”,中文翻譯為“VR全景虛擬漫游”，簡(jiǎn)稱“VR全景漫游”。任務(wù)要求62了解注冊(cè)720yun平臺(tái)；了解720yun平臺(tái)的基礎(chǔ)和視角設(shè)置；掌握熱點(diǎn)的添加；掌握沙盤(pán)的互動(dòng)的制作；了解嵌入和遮罩的使用；掌握背景音樂(lè)、解說(shuō)詞的添加；掌握特效的使用；掌握導(dǎo)覽和足跡的使用；了解細(xì)節(jié)的使用。實(shí)例目錄63實(shí)例1導(dǎo)入全景圖片實(shí)例2視角功能模塊實(shí)例3熱點(diǎn)模塊功能實(shí)例4音樂(lè)功能模塊實(shí)例5導(dǎo)覽功能模塊實(shí)例6沙盤(pán)功能模塊實(shí)例7遮罩功能模塊實(shí)例8標(biāo)尺功能模塊實(shí)例1

導(dǎo)入全景圖片

641）進(jìn)入https://720，新用戶單擊“注冊(cè)/登錄”按鈕，進(jìn)入注冊(cè)，老用戶單擊“注冊(cè)/登錄”按鈕，進(jìn)行登錄。2）將鼠標(biāo)放在“進(jìn)入工作臺(tái)”按鈕上，從彈出的快捷菜單中選擇“工作臺(tái)”選項(xiàng)，打開(kāi)“個(gè)人主頁(yè)”窗口。如圖4-104所示。

圖4-104個(gè)人主頁(yè)

圖4-105素材庫(kù)

實(shí)例1

導(dǎo)入全景圖片

653）單擊“720漫游”→“全景圖片”按鈕，打開(kāi)“素材庫(kù)”窗口，如圖4-105所示。單擊“上傳素材”按鈕，打開(kāi)“版權(quán)保護(hù)提醒”對(duì)話框，如圖4-106所示。

圖4-106版權(quán)保護(hù)提醒

圖4-107創(chuàng)作作品

實(shí)例1

導(dǎo)入全景圖片

664）單擊“上傳并打印水印”按鈕，打開(kāi)“打開(kāi)”對(duì)話框，選擇要打開(kāi)的文件，單擊“打開(kāi)”按鈕，

2:1單張全景圖片，文件不超過(guò)120M。開(kāi)始上傳上傳完后開(kāi)始制作。

5）素材傳送完畢，單擊“720漫游”→“創(chuàng)作作品”打開(kāi)“創(chuàng)建720漫游作品”窗口，單擊“從素材庫(kù)添加”按鈕，打開(kāi)“作品素材庫(kù)”對(duì)話框。6）選擇“建院南門(mén)”全景圖片，單擊“確認(rèn)操作”按鈕，設(shè)置“作品標(biāo)題”為VR重建院，“作品分類”為教育機(jī)構(gòu)，“所在城市”為重慶市，如圖4-107所示，單擊“創(chuàng)作作品”→“編輯作品”按鈕，打開(kāi)“VR重建院”窗口，單擊“我知道了”按鈕，如圖4-108所示。圖4-108編輯窗口

圖4-109作品素材庫(kù)

實(shí)例1

導(dǎo)入全景圖片

677）單擊“添加場(chǎng)景”按鈕，打開(kāi)“作品素材庫(kù)”對(duì)話框，選擇要添加的“足球場(chǎng)”和“廣場(chǎng)”全景圖片，如圖4-109所示，單擊“確定”按鈕。8）需要移動(dòng)位置，直接拖動(dòng)全景圖片，將其移動(dòng)至合適的位置，如圖4-110所示。9）單擊“開(kāi)場(chǎng)封面”選項(xiàng)卡，在桌面端封面圖下方單擊“選擇圖片”按鈕，打開(kāi)“圖片素材庫(kù)”對(duì)話框，選擇“建院標(biāo)志”，單擊“確認(rèn)操作”按鈕，如圖4-111所示。單擊“完成設(shè)置”按鈕。圖4-110移動(dòng)全景圖位置

圖4-111視角窗口

實(shí)例2

視角功能模塊

68

調(diào)整視角范圍和初始進(jìn)入VR全景漫游的視野，可以把最好的角度展示給觀看者。初始視角設(shè)置，可以拖動(dòng)畫(huà)面，選擇最佳的角度并將視域設(shè)置為第一視角。設(shè)置完成后，可以單擊右下角的“選擇場(chǎng)景”，添加視角場(chǎng)景應(yīng)用。1）單擊“視角”按鈕，選擇“建院南門(mén)”場(chǎng)景圖，拖動(dòng)畫(huà)面，選擇最佳的角度，將視域設(shè)置為第一視角，單擊“把當(dāng)前視角設(shè)置為初始視角”按鈕，如圖4-112所示。2）單擊右下角的“把設(shè)置應(yīng)用到”按鈕，打開(kāi)“選擇需要應(yīng)用到的場(chǎng)景”對(duì)話框，選擇“足球場(chǎng)”，單擊“確定”按鈕，添加視角場(chǎng)景應(yīng)用，如圖4-113所示。

3）以此類推，將所有場(chǎng)景圖選擇一個(gè)最佳角度。

圖4-112開(kāi)場(chǎng)標(biāo)志

圖4-113選擇應(yīng)用場(chǎng)景實(shí)例3

熱點(diǎn)模塊功能

69

在平面H5網(wǎng)頁(yè)中，交互性較強(qiáng)的元素就是頁(yè)面的按鈕，單擊按鈕，可以打開(kāi)新的網(wǎng)頁(yè)，觸發(fā)一些新的內(nèi)容或者事件動(dòng)作，同樣在VR全景漫游H5作品中，也有這種與按鈕功能類似的元素供參看者進(jìn)行交互，展示內(nèi)容，響應(yīng)執(zhí)行一些事件，稱為“熱點(diǎn)”。熱點(diǎn)可以使用靜態(tài)的圖片、動(dòng)態(tài)的GIF或者序列幀動(dòng)畫(huà)圖片為圖標(biāo)，樣式多樣，動(dòng)態(tài)圖標(biāo)更容易吸引參看者。

熱點(diǎn)是VR全景漫游內(nèi)最常用的交互方式之一。單擊“熱點(diǎn)”按鈕，可以切換場(chǎng)景、跳轉(zhuǎn)網(wǎng)頁(yè)、彈出圖文信息等。1）選擇“熱點(diǎn)”模塊，單擊“建院南門(mén)”場(chǎng)景，單擊右側(cè)的功能編輯區(qū)的“添加熱點(diǎn)”按鈕，彈出默認(rèn)雙箭頭圖標(biāo)，將其移動(dòng)到進(jìn)門(mén)位置，如圖4-114所示。圖4-114添加熱點(diǎn)圖標(biāo)

圖4-115選擇交互類型實(shí)例3

熱點(diǎn)模塊功能

702）“熱點(diǎn)類型”有14種交互方式，默認(rèn)為“場(chǎng)景切換”，單擊右邊的“雙向箭頭”按鈕，從彈出的快捷菜單中選擇任意選項(xiàng)，如圖4-115所示。3）在“場(chǎng)景切換設(shè)置”中單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“足球場(chǎng)”場(chǎng)景，單擊“確認(rèn)操作”按鈕，如圖4-116所示，單擊“圖標(biāo)高級(jí)設(shè)置”按鈕，打開(kāi)“圖標(biāo)高級(jí)設(shè)置”對(duì)話框，設(shè)置“縮放”為40%，如圖4-117所示，單擊“關(guān)閉”按鈕，單擊“完成設(shè)置”按鈕，完成一個(gè)熱點(diǎn)設(shè)置。

圖4-116選擇場(chǎng)景

圖4-117縮放設(shè)置圖4-118熱點(diǎn)設(shè)置位置實(shí)例3

熱點(diǎn)模塊功能

714）選擇“足球場(chǎng)”全景圖，單擊“添加熱點(diǎn)”按鈕，彈出默認(rèn)雙箭頭圖標(biāo)，將其移動(dòng)到通向“建院南門(mén)”位置，如圖4-118所示。5）單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“建院南門(mén)”場(chǎng)景，單擊“確認(rèn)操作”按鈕，單擊“圖標(biāo)高級(jí)設(shè)置”按鈕，打開(kāi)“圖標(biāo)高級(jí)設(shè)置”對(duì)話框，設(shè)置“縮放”為40%，單擊“關(guān)閉”按鈕，單擊“完成設(shè)置”按鈕，完成兩個(gè)熱點(diǎn)設(shè)置。

6）選擇“足球場(chǎng)”全景圖，單擊“添加熱點(diǎn)”按鈕，彈出默認(rèn)雙箭頭圖標(biāo)，將其移動(dòng)到合適位置，如圖4-119所示。

圖4-119設(shè)置第三個(gè)熱點(diǎn)

圖4-120設(shè)置第四個(gè)熱點(diǎn)

實(shí)例3

熱點(diǎn)模塊功能

727）單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“廣場(chǎng)”場(chǎng)景，單擊“確認(rèn)操作”按鈕，單擊“圖標(biāo)高級(jí)設(shè)置”按鈕，打開(kāi)“圖標(biāo)高級(jí)設(shè)置”對(duì)話框，設(shè)置“縮放”為40%，單擊“關(guān)閉”按鈕，單擊“完成設(shè)置”按鈕，完成三個(gè)熱點(diǎn)設(shè)置。8）選擇“廣場(chǎng)”全景圖，單擊“添加熱點(diǎn)”按鈕，單擊“選擇圖標(biāo)”按鈕，打開(kāi)“圖標(biāo)素材庫(kù)”對(duì)話框，選擇

按鈕，單擊“確認(rèn)操作”按鈕，將其移動(dòng)到合適位置，如圖4-120所示。

9）單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“足球場(chǎng)”場(chǎng)景，單擊“確認(rèn)操作”按鈕，單擊“圖標(biāo)高級(jí)設(shè)置”按鈕，打開(kāi)“圖標(biāo)高級(jí)設(shè)置”對(duì)話框，設(shè)置“縮放”為40%，單擊“關(guān)閉”按鈕。10）單擊“切換動(dòng)畫(huà)高級(jí)設(shè)置”按鈕，打開(kāi)“場(chǎng)景切換動(dòng)畫(huà)高級(jí)設(shè)置”對(duì)話框，單擊“無(wú)動(dòng)作”右邊的雙向箭頭按鈕，從彈出的快捷菜單中選擇“視角移動(dòng)到熱點(diǎn)”選項(xiàng)，單擊“確認(rèn)操作”按鈕，單擊“完成設(shè)置”按鈕，完成四個(gè)熱點(diǎn)設(shè)置。

11）選擇“建院南門(mén)”場(chǎng)景，單擊“添加熱點(diǎn)”按鈕，單擊“場(chǎng)景切換”右邊的雙向箭頭按鈕，從彈出的快捷菜單中選擇“超鏈接”選項(xiàng)，單擊“選擇圖標(biāo)”按鈕，打開(kāi)“圖標(biāo)素材庫(kù)”對(duì)話框，選擇

圖標(biāo)，單擊“確認(rèn)操作”按鈕，將其移動(dòng)到合適位置，如圖4-121所示。12）設(shè)置“標(biāo)題設(shè)置”為重慶建筑科技職業(yè)學(xué)院網(wǎng)站首頁(yè)，超級(jí)鏈接為/，如圖4-124所示，單擊“完成設(shè)置”按鈕，完成“超鏈接”熱點(diǎn)設(shè)置，效果如圖4-122所示。

實(shí)例3

熱點(diǎn)模塊功能

73

圖4-121設(shè)置鏈接

圖4-122超鏈接13）單擊“保存”→“預(yù)覽”按鈕，開(kāi)始預(yù)覽，效果如圖4-123所示。圖4-123圖片熱點(diǎn)效果實(shí)例4

音樂(lè)功能模塊

74單純的視覺(jué)信息有時(shí)不能完整表達(dá)圖片意境及傳達(dá)更多信息內(nèi)容,我們可以通過(guò)給VR全景漫游作品添加背景音樂(lè)來(lái)渲染意境。將聲音媒體加入VR全景漫游作品中，可以從聽(tīng)覺(jué)方面調(diào)動(dòng)觀看者的情緒,進(jìn)一步提升觀看者在VR全景中的體驗(yàn)。1）選擇音樂(lè)功能模塊，單擊“背景音樂(lè)”右邊的“選擇音樂(lè)”按鈕，打開(kāi)“音樂(lè)素材庫(kù)”對(duì)話框，選擇“昨日重現(xiàn)”音樂(lè)，如圖4-124所示，單擊“打開(kāi)”按鈕，導(dǎo)入音樂(lè)。

圖4-124音頻素材庫(kù)

圖4-127音頻設(shè)置

實(shí)例4

音樂(lè)功能模塊

75單純的視覺(jué)信息有時(shí)不能完整表達(dá)圖片意境及傳達(dá)更多信息內(nèi)容,我們可以通過(guò)給VR全景漫游作品添加背景音樂(lè)來(lái)渲染意境。將聲音媒體加入VR全景漫游作品中，可以從聽(tīng)覺(jué)方面調(diào)動(dòng)觀看者的情緒,進(jìn)一步提升觀看者在VR全景中的體驗(yàn)。1）選擇音樂(lè)功能模塊，單擊“背景音樂(lè)”右邊的“選擇音樂(lè)”按鈕，打開(kāi)“音樂(lè)素材庫(kù)”對(duì)話框，選擇“昨日重現(xiàn)”音樂(lè)，如圖4-124所示，單擊“打開(kāi)”按鈕，導(dǎo)入音樂(lè)。2）單擊“把背景音樂(lè)應(yīng)用到”按鈕，打開(kāi)“選擇要應(yīng)用到的場(chǎng)景”對(duì)話框，選擇全部場(chǎng)景，單擊“確認(rèn)操作”按鈕，設(shè)置“音量”為50%，如圖4-125所示。

圖4-124音頻素材庫(kù)

圖4-127音頻設(shè)置

實(shí)例5

導(dǎo)覽功能模塊

76

導(dǎo)覽功能也是720yun全景漫游工具的一大特色功能,可以在該功能模塊錄制動(dòng)畫(huà)路徑,添加相應(yīng)的視頻、文字說(shuō)明,系統(tǒng)會(huì)將錄制好的動(dòng)作和視頻、文字設(shè)置記錄在時(shí)間線內(nèi)。觀看者在預(yù)覽時(shí)系統(tǒng)就會(huì)按照其設(shè)置的時(shí)間線來(lái)展示作品,并播放設(shè)置的視頻和文字內(nèi)容。觀看者會(huì)像看紀(jì)錄片那樣,看著畫(huà)面的變換、聽(tīng)著創(chuàng)作者的講述,最大限度地接收媒體信息。操作步驟如下：1）選擇“導(dǎo)覽”功能模塊，單擊第一張全景圖片，“導(dǎo)覽方式”選擇向右旋轉(zhuǎn)，“旋轉(zhuǎn)速度”為60秒/圈，如圖4-126所示。單擊“把導(dǎo)覽方式應(yīng)用到”按鈕，打開(kāi)“選擇要應(yīng)用到的場(chǎng)景”對(duì)話框，選擇全部場(chǎng)景，單擊“確認(rèn)操作”按鈕。

圖4-126導(dǎo)覽方式設(shè)置

圖4-127視頻設(shè)置

圖4-128導(dǎo)覽交互設(shè)置

實(shí)例5

導(dǎo)覽功能模塊

77

2）單擊“選擇視頻”按鈕，打開(kāi)“視頻素材庫(kù)”對(duì)話框，選擇建院南門(mén)視頻，單擊“確認(rèn)操作”按鈕，如圖4-127所示。3）選擇“足球場(chǎng)”全景圖，單擊“選擇視頻”按鈕，打開(kāi)“視頻素材庫(kù)”對(duì)話框，選擇足球場(chǎng)視頻，單擊“確認(rèn)操作”按鈕。4）選擇“廣場(chǎng)”全景圖，單擊“選擇視頻”按鈕，打開(kāi)“視頻素材庫(kù)”對(duì)話框，選擇廣場(chǎng)視頻，單擊“確認(rèn)操作”按鈕。

5）選擇“建院南門(mén)”全景圖，單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“廣場(chǎng)”，單擊“確認(rèn)操作”按鈕，如圖4-128所示。

圖4-129選擇跳轉(zhuǎn)場(chǎng)景

圖4-130選擇跳轉(zhuǎn)場(chǎng)景1

實(shí)例5

導(dǎo)覽功能模塊

78

6）選擇“足球場(chǎng)”全景圖，單擊“選擇場(chǎng)景”按鈕，打開(kāi)“選擇目標(biāo)場(chǎng)景”對(duì)話框，選擇“建院南門(mén)”，單擊“確認(rèn)操作”按鈕，如圖4-129