谷歌VR App實戰！Unity與Cardboard app基礎實踐（一）

@C7210?：本周文章能讓你大致了解怎樣使用Unity與Google VR SDK來制作最為簡單的VR demo app，并部署到實際設備當中，然后通過Cardboard進行體驗。另外需要說明，本期的英文原文是Google官方的一篇文檔，內容略干澀，幾乎沒有配圖，于是我做了一定程度的編譯，并使用了自己操作時的截圖作為演示。下面進入譯文。

本期甚至無需自己制作任何東西 - 嘗試將SDK中自帶的demo項目放進iPhone便好 - 不去實際操作也不成問題，畢竟涉及到Xcode、Unity的使用；單純了解到一些“流程”方面的常識也是收獲嘛。

本文會為你演示如何將Google VR SDK for Unity當中附帶的demo項目部署到iPhone，以配合Cardboard瀏覽體驗。為了確保練習的順利進行，你可能需要提前了解一些關于Unity和Xcode的基礎知識。

如果你想了解該流程在安卓平臺上的實現方式，請參考Getting Started with Unity for Android一文。

基本條件

• iPhone：硬件方面，Google VR SDK for Unity需要iPhone 5及5以上的設備配合運行，所適配的操作系統最低版本為iOS 8。
• Unity：Google VR SDK for Unity支持5.2.1或之后版本的Unity。如果你從未使用Unity開發過面向iOS的項目，那么可以參考后文關于Unity下載及配置安裝的部分。

iOS開發基礎及相關配置

如果未曾開發過iOS app，那么你需要在Apple注冊一個開發者賬號。推薦你閱讀Unity提供的實踐指南，包括：

• Getting Started with iOS Development當中的話題涉及到面向iOS設備開發Unity app所需了解的一些基本知識點。
• Account Setup會一步步的引導你創建開發者賬號并在Xcode當中進行配置。

安裝Google VR Unity SDK

或許你曾經開發過Unity相關的iOS項目，或許一切都是從零開始，沒關系，我們現在來一起下載相關資源，并創建我們的第一個Google VR demo項目。

1. 下載Google VR SDK for Unity，解壓文件包，其中包含SDK與demo項目。
2. 下載并安裝最新版本的Unity，期間需要選擇待安裝的組件，這時記得在下載管理器當中勾選“iOS Build Support”。
3. 完成安裝后，啟動Unity，創建新的3D項目。

△ 在Unity中新建的3D項目

導入并預覽demo

首先，我們來導入資源包。點擊菜單欄中的Assets > Import Package > Custom Package，找到之前下載并解壓的Google VR SDK for Unity資源包，選擇GoogleVRForUnity.unitypackage文件，點擊Open按鈕，在彈出的Import Unity Package對話框中，確保所有資源都有被勾選，然后點擊Import按鈕。需要注意，這里有可能出現警示信息，告知你API將會自動升級；如果出現了這樣的信息，點擊接受即可。

△ 導入外部資源包

△ 全選并確認導入

導入完成后，在Project面板的資源列表中找到Assets > Google VR > DemoScenes > HeadsetDemo文件夾，打開里面的DemoScene.unity，然后Scene視圖當中會出現帶有網格紋理的場景(scene)，一個立方體懸浮在空中。

△ 打開DemoScene場景

點擊Play按鈕，界面會自動切換到Game視圖，你可以看到場景的實際渲染效果。按住鍵盤上的Control鍵，同時移動鼠標，視野會以z軸為軸心旋轉；按住alt鍵的同時移動鼠標則能模擬上下左右的頭部運動。

在iPhone上運行demo

點擊菜單欄中的File > Build Settings：

在Build Settings窗口中，選擇Platforms列表里的“iOS”，然后點擊列表下方的Switch Platform按鈕：

等待素材導入完成，然后點擊Build Settings窗口中的Player Settings按鈕，這時Unity主界面右側的檢查器當中會出現PlayerSettings面板：

在PlayerSettings面板中，找到“Settings for iOS”部分，點擊其中的“Resolution and Presentation”使其展開，將“Default Orientation”設置為“Auto Rotation”，然后取消勾選“Allowed Orientations for Auto Rotation”下的前三個選項，只保留最后一個“Landscape Left”為選中態：

仍然在“Settings for iOS”當中，點擊“Other Settings”使其展開，并找到“Bundle Identifier”字段，在這里為你的app輸入一個合法的安裝包名稱，譬如“com.mycompany.cardboarddemo”，只要遵循“com.<公司或組織名稱>.<app名稱>”的形式即可：

接下來要構建用于部署到iOS設備當中的Xcode項目。在之前的Build Settings窗口中點擊Build按鈕，選擇恰當的保存位置及Xcode項目路徑名稱，點擊Save按鈕：

看到“Build Successful”的系統消息之后，到Finder當中找到剛剛構建好的Xcode項目文件夾，打開其中的.xcodeproj文件。用USB線連接好你的iPhone，在Xcode中點擊Run按鈕，運行剛剛打開的項目文件：

在iPhone中運行demo(這時已經可以放入Cardboard直接體驗了)：

視線聚焦在空中懸浮的立方體上，準星會變為環狀，立方體變色：

低頭看地上的菜單，準星及界面交互元素同樣會發生變化：

結束了。嘎然而止。

歡迎關注譯者（交互設計師、貓奴、吉他手、鼓手、老狗，現就職于騰訊ISUX）的微信公眾號：

這兒有他的訪談：《優設訪談！騰訊高級交互設計師C7210的十年設計路》

「優設六月最新的VR設計好文合集」

VR入行手冊！
《VR快速入行手冊！可能是現在最全面的VR知識學習指南》

實戰教程：
《實戰教程來了！一名UX設計師的VR設計初體驗》

VR設計指南：
《教程來了！VR設計指南之基礎概念與設計工具》

原文地址：developers.google
譯文地址：beforweb

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量160萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com