快轉到主要內容

Unity3D製作Cardboard全景VR應用

·1481 字·3 分鐘
Y Cheung
作者
Y Cheung
Blogger, Programer & Traveler.
目錄

本文中所使用的軟體
#

操作步驟
#

新建 Unity3D 工程
#

在Unity中新建一個工程: VRtour

新建Unity工程

載入 Cardboard SDK
#

Assets > Import Package > Custom Package ,然後選擇事先下載好的CardboardSDKForUnity.unitypackage

導入Unity版的Cardboard SDK

默認全部載入,直接點擊 import

導入package

新建Material並設置Shader
#

Assets中新建一個文件夾 scene 用來放VR的相關素材,然後右鍵 Create > Material新建一個材質 bg

新建材質

Shader 屬性選擇 Skybox ,可設為 6 sided 或者 Cubemap ,下面將分別說明。

  1. Shader 屬性設置選擇 Skybox > 6 Sided

使用GUI將全景圖切成立方體表面的6個正方形圖片,將它們拖入Unity建好的文件夾 scene 中,全選這6張圖片,然後在屬性中更改 Wrap ModeClamp ,這一步很重要,否則在之後的縫合中將會有明顯的縫隙。

設置Material bg 屬性,將6張圖分別載入(這六張圖片的文件名附有front/back/top等單詞,與此屬性中顯示的Front/Back/Up/Left/Right/Down一一對應即可)

  1. 或者將Shader屬性設置選擇 Skybox > Cubemap

直接將全景圖panorama拖入Unity建好的文件夾 scene 中,在屬性中將 Texture Type 設置為 Cubemap ,然後將 Mapping 設置為 Latitude-Longitude Layout(Cylindrical)

設置Material bg的屬性,Cubemap 中載入設置好的全景圖 (為寫這篇教學, Y CHEUNG建了兩個Material,截圖中顯示的為bg2)

新建 StereoController.cs
#

Hierarchy 面板的 Main Camera 中附加 StereoController.cs(此文件的位置是 Cardboard\Scripts\StereoController.cs),可以直接拖拉該文件附加,也可在 Main Camera 的屬性中 Add Component

場景中新增Camera (optional)
#

Hierarchy 面板右鍵選擇 Camera (也可不做此步驟)

Update Stereo Cameras
#

在菜單欄中選擇 Component > Cardboard > Update Stereo Cameras (若沒新增Camera至場景,此處應對Main Camera進行操作)

此時Hierarchy 面板大致顯示如下圖

添加 skybox
#

可以在camera的屬性中添加skybox,也可以在全局設置中添加skybox

  1. 分別選擇 Camera LeftCamera Right 設置屬性,選擇 Add Component > Rendering > Skybox

將Materialbg附加至 Custom Skybox

  1. 或者在菜單欄中選擇 Window > Lighting

在彈出窗口中附加Materialbg做好的skybox。

預覽效果
#

PLAY 預覽效果

或者在PLAY預覽中模擬 Cardboard 體驗1

  • 以滑鼠為基礎的頭部追蹤:在遊戲模式中,若您按下 Alt 並四處移動滑鼠,您可以在場景中水平平移和垂直傾斜,就像您戴著 Cardboard 四處移動一樣。 使用 Ctrl 搭配滑鼠來模擬從一側往另一側傾斜頭部的情況。
  • 模擬扣扳機:在遊戲模式中,使用滑鼠點擊模擬使用者使用扳機的動作。
  • 模擬變形校正:在遊戲模式中,相機將會以影像效果轉譯內容,以為 Cardboard 鏡頭模擬與手機上問題相同的變形校正。

發布安卓應用
#

在菜單欄中選擇 File > Build Settings

在彈出窗口中選擇安卓,並選擇 Player Settings

在窗口中進行基本屬性設置,公司名應用名應用圖標等。

Other Settings 下的 Bundle Identifier 欄位中輸入名稱 (例如,com.YCHEUNG.VRTour)。

Resolution and Presentation 下,確定預設方向已設定為 Landscape Left

彈出窗口中選擇 Build ,並保存APK。

如果選擇 Build and Run ,請確認開啟DEBUG模式的安卓手機已接入電腦

PTGUI 全景圖剪切 “一分六”
#

打開PTGui,把全景圖panorama切成六張正方形:

  • 菜單欄中選擇 工具 > 轉換到QTVR/立方體
  • 在彈出窗口中添加全景圖後選擇輸出 立方體表面,6個單獨的文件

== Nov.8, 2015 更新 ==


相關文章

全景圖製作軟體PTGui與Kolor AutopanoGiga之初體驗

·1027 字·3 分鐘
全景图(panorama)是一种广角图,可以以画作、照片、影片、三维模型的形式存在。 全景,指於球體的空間狀態,視角涵蓋地平線+/-各180°,垂直+/-各90°,就立方體的空間狀態,即為上下前後左右六個面完全包含。尤於水平角度為360°,垂直為180°,能表達這種模式的照片有很多種,又跟球面的投影有關(類似繪製世界地圖的投影,但是是內投影)。 1

DokuWiki 安装及使用

·609 字·2 分鐘
最近搭建了一个私密wiki用来管理知识碎片及资料等,Y.Cheung 选择了DokuWiki这款开源wiki引擎。 DokuWiki优点: # 轻便、简洁、可扩展性强 免数据库,data直接保存为txt 用户众多,方便搜寻及使用各种资源 支持markdown语法 支持ACL权限控制 基于PHP DokuWiki缺点: # 无移动平台客户端(在github上有找到这个开发项目但已经停止更新好几年了) 默认界面简陋难看,提供下载的模版也很丑 使用上手有一定的学习成本 安装DokuWiki: # 在下载页面选择你要的版本、语言、插件等后下载.tgz文件到本地,再上传至Server 解压缩安装包后在浏览器中访问 http://yourdomain/path_to_dokuwiki/install.php,根据提示进行即可 对文件及文件夹进行权限设置,特别是data文件夹的权限 启用默认的.htaccess 文件,按需要去除文件内的#符号 更改主页图标LOGO,在多媒体管理器中的wiki分类中上传你的logo.png即可 安装插件(http://yourdomain/path_to_dokuwiki/home?do=admin&page=extension),除了默认插件外,根据需要安装了常用的tag plugin ,Pagelist Plugin ,New PHP Markdown plugin ,Indexmenu Plugin ,可以参考蔡宗融的推荐 开始使用Dokuwiki: # 基本编辑语法(官方文档) 创建新页面(参考)

自动备份网站文件及数据库到dropbox

·508 字·2 分鐘
環境 # 第三方资源:Dropbox Uploader 系统环境:Ubuntu x64 操作步驟 # 在dropbox官方创建一个新的应用「 Dropbox API App」,获得APP key和APP secret 在终端上下载并执行本文开头所引用的第三方资源 1curl "https://raw.githubusercontent.com/andreafabrizi/Dropbox-Uploader/master/dropbox_uploader.sh" -o dropbox_uploader.sh 2sudo $chmod +x dropbox_uploader.sh 3sudo $./dropbox_uploader.sh 按照屏幕提示输入APP key和APP secret,许可权限类型选择a,确认后在浏览器中打开终端给出的token链接,完成验证

Once upon a time there was a little prince

·284 字·1 分鐘
Everybody is gonna leave, sooner or later. 去電影院看了小王子,座無虛席,有小孩也有大人,有歡笑也有嘆息。 看書的時候一直很困擾,究竟最後小王子有沒有回到B612星球和他最愛的那朵玫瑰在一起,這部電影做出了回答。而我相信續編的小王子長大了的戲碼只是女主做的一個夢,真正的回答在女主和老爺爺的對話中。

Highslide Image WP插件完成

·237 字·1 分鐘
Y Cheung的玩樂博客要搬家啦,用了N多年的插件原作者一直不更新,嗚嗚嗚,只好自己重新寫一個喇! Highslide Image - Wordpress插件 我的思路是: 編輯器上添加一個按鈕——彈出窗口——供填寫圖片URL及描述的表單——插入代碼至編輯器中——前台樣式化效果顯示。