VR全景圖片拍攝與漫游 課件 項目4 VR全景漫游制作

項目四VR全景漫游制作

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

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

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

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

圖4-1歡迎界面

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

軟件安裝13

圖4-3安裝位置

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

軟件安裝14

圖4-5完成安裝

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

實例1

軟件安裝15

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

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

實例1

軟件安裝16

圖4-9輸入許可證密碼

圖4-10“Pano2VRpro6.1.13”窗口

實例2熱點設(shè)置17

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

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

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

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

圖4-11熱點

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

圖4-13屬性設(shè)置實例2熱點設(shè)置18圖4-14臺階中段熱點

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

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

圖4-16臺階中段熱點2圖4-17屬性-指定熱點

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

圖4-18烈士墓熱點3

圖4-19屬性-指定熱點

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

圖4-23屬性-指定熱點實例3

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

圖4-24輸出

圖4-25提示警告

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

輸出

3）單擊“GenerateOutput”

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

瀏覽效果實例4

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

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

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

上，從彈出的快捷菜單中選擇“指定熱點”

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

7）在輸出窗口，單擊加號右邊的小三角形

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

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

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

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

，減小

，自動旋轉(zhuǎn)

，顯示縮略

，改變立體模式

，進(jìn)入全屏

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

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

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

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

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

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

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

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

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

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

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

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

圖4-37地形圖實例4

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

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

地形圖的切換30

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

地形圖的切換31

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

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

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

地形圖的切換32

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

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

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

地形圖的切換33

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

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

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

地形圖的切換34

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

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

地形圖的切換35

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

圖4-44地形圖實例6

添加縮略圖36

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

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

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

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

添加縮略圖375）單擊“輸出”下面的加號

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

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

圖4-48縮略圖排列實例6

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

添加縮略圖3910）單擊“輸出”下面的加號

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

圖4-49

添加拖曳節(jié)點

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

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

實例6

添加縮略圖41

圖4-51Marker1設(shè)置

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

添加縮略圖42

圖4-53添加縮略圖效果實例7

添加方向指示43

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

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

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

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

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

圖4-54添加熱點

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

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

圖4-56添加熱點

圖4-57添加熱點實例7

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

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

圖4-60箭頭在樹中的位置及熱點命名

圖4-61拷貝

實例7

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

圖4-62粘貼

圖4-63粘貼文字信息

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

實例7

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

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

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

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

實例7

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

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

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

實例7

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

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

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

實例7

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

實例8

插入視頻51

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

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

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

圖4-69插入全景圖

圖4-70插入視頻實例8

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

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

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

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

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

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

導(dǎo)入全景圖片

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

圖4-104個人主頁

圖4-105素材庫

實例1

導(dǎo)入全景圖片

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

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

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

實例1

導(dǎo)入全景圖片

664）單擊“上傳并打印水印”按鈕，打開“打開”對話框，選擇要打開的文件，單擊“打開”按鈕，

2:1單張全景圖片，文件不超過120M。開始上傳上傳完后開始制作。

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

圖4-109作品素材庫

實例1

導(dǎo)入全景圖片

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

圖4-111視角窗口

實例2

視角功能模塊

68

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

3）以此類推，將所有場景圖選擇一個最佳角度。

圖4-112開場標(biāo)志

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

熱點模塊功能

69

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

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

圖4-115選擇交互類型實例3

熱點模塊功能

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

圖4-116選擇場景

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

熱點模塊功能

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

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

圖4-119設(shè)置第三個熱點

圖4-120設(shè)置第四個熱點

實例3

熱點模塊功能

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

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

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

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

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

實例3

熱點模塊功能

73

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

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

音樂功能模塊

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

圖4-124音頻素材庫

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

實例4

音樂功能模塊

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

圖4-124音頻素材庫

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

實例5

導(dǎo)覽功能模塊

76

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

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

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

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

實例5

導(dǎo)覽功能模塊

77

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

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

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

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

實例5

導(dǎo)覽功能模塊

78

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