瀏覽模式: 普通 | 列表

COSPACES場景複製與遮罩應用

      利用360相片當COSPACES場景,加上3D物件動態運動,可以看到彷彿鸚鵡飛過建築物的立體空間效果,請先看此影片「How to mask complex objects」。呵呵,影片雖只有57秒,可讓我驚豔不已呢!反覆看了幾次終於搞懂,實做時又反覆試了多次才搞定。

attachments/201706/0120479275.jpg attachments/201706/1670666736.jpg

      這樣的效果主要是在鏡頭與3D物件之間建立一個物件當遮罩,形狀主要是為了覆蓋360相片裡的區域,將其遮罩化變透明後,就可以產生360相片與3D物件的立體空間效果。
 
      自己學會後也想到~利用「場景複製」方式,可以一段段示範解說,每個階段製作的設定與預覽播放也可以好好比較,看得更清楚,相信日後運用也能更有彈性與創意喔!請看我的操作解說影片「COSPACES場景複製與遮罩應用」(3.5分鐘),這次作品還是上回那個「混搭360相片與虛擬環境」的延伸~「作品分享
 

attachments/201706/3997047893.jpg attachments/201706/6157893242.jpg

      此外,繞圈飛行的設定,其實還要結合適當的360相片內容與角度,再來就是「遮罩物件」的位置與外型,切記!位置與外型,都必須以「相機視角」、「繞圈飛行」為參考來設定!尤其只要改了相機視角,剛剛的遮罩就完全「穿幫」了,哈哈!

attachments/201706/6415849052.jpg attachments/201706/4923738528.jpg

標籤: 虛擬實境 VR 360

COSPACES場景切換~混搭360相片與虛擬環境!

      在COSPACES 中可以建立多個場景,包含360全景相片,以及選用的虛擬環境、3D物件擺設。利用各場景中設定某物件的Blockly程式塊,用來觸發切換場景,雖不像720yunRoundme 那樣拉動360相片即建立任意門連結那麼方便,但還是簡單易用的,值得一試喔!

◎操作影片「COSPACES場景切換」、「作品展示

attachments/201705/6667992668.jpg attachments/201705/6318069026.jpg

      這次製作,也認真比較從電腦瀏覽器利用鍵盤滑鼠、在平板滑動、以及陀螺儀、VR檢視模式,在Blockly用來觸發的設定可能「on activate」、「on hover」都會用上,以配合使用者的不同瀏覽與操弄方式。

attachments/201705/9373373561.jpg attachments/201705/6383073349.jpg attachments/201705/2133039932.jpg

      此外,能在360相片與虛擬環境間切換,也帶來更多教學設計的玩想機會。例如相片裡看見一個煙囪筒,我們可以滑過去後,彷如進到裡頭的虛擬世界,再設計路線走動或與物件互動,現在都可以「為所欲為」了,開心! 

標籤: 虛擬實境 VR

InstaVR與COSPACES實做簡報、影片與作品分享

      整理最近玩上手的「InstaVR」、「COSPACES」兩個VR編輯網站實做影片與簡報的PDF檔案。因為是利用Wink截圖後再以相片錄音成影片,也方便整理成簡報當教材。

◎InstaVR App實作與淘來的平板電力又驚呆!

簡報PDF實做影片、作品連結(Apk下載,102mb

attachments/201705/3439487926.jpg attachments/201705/4299314141.jpg

◎以CoSpaces打造360相片與虛擬物件展現

簡報PDF 、實做影片(作品檢視實做 )、作品連結(12

attachments/201705/5172854539.jpg attachments/201705/5749697480.jpg

標籤: 虛擬實境 VR 360

以CoSpaces打造360相片與虛擬物件展現

      在虛擬實境(VR)的應用中,我對虛擬世界(Virtual World)的製作一直感覺很難,所以對CoSpaces有著很高的期望。此外,我也想先從在360相片中加入虛擬物件,能有動作表現、能由使用者操弄互動更佳....。

      本篇就利用兩段解說影片,呈現利用CoSpaces完成在360相片中有動作表現的虛擬物件之製作說明。 

1、CoSpaces檢視作品,利用「水的科學館」360相片,加上飛舞的蝴蝶,靜止的袋鼠與人,再以Blockly設定人的前進與旋轉。

作品連結

2、CoSpaces360相片製作,首先說明對「攝影機視角」的操作要多熟悉,日後製作會更上手。藉著選用環境,以「台東利吉惡地」360相片,擺一隻獨角獸,同樣以Blockly設定前進與旋轉,最後再以手機App操作檢視。

作品連結

      這樣,想讓孩子們不只「身歷其境」,更可以「再造世界」!

attachments/201705/7633428211.jpg attachments/201705/0891344653.jpg attachments/201705/3863833347.jpg

attachments/201705/1234577399.jpg attachments/201705/5075100676.jpg attachments/201705/0146520854.jpg

標籤: 虛擬實境 VR

Cospaces~打造自己的VR體驗!

      彷彿共襄盛舉般~國內首次辦理「VR教育創新論壇」之際,一早我在FB也貼了港、韓、中等四個VR網站與活動:

香港中文大學開發的VR編輯平台 (360全景與定位、AR)

韓國VR Summit (6/28~30)

2017第二屆上海國際VR AR互動娛樂展覽會 (7/7~9)

      接著在Google逛啊逛的,竟讓我找到「Cospaces」~可以建立自己的VR世界喔!

attachments/201705/5250527254.jpg attachments/201705/9680984349.jpg attachments/201705/4960505410.jpg

attachments/201705/2709214315.jpg attachments/201705/2194534692.jpg attachments/201705/5839801845.jpg

      目前提供有四種類型:說故事、卡片、展覽、資訊圖表,各類的製作與範例(藝廊)都很完整,同時,部落格有教學現場案例,YouTube 的網站操作、教學訪談也非常完整喔!雖然買模型需要費用,但若不涉及將來使用者量和分享限制的話,應該值得。更重要的,還可以結合Blockly 以程式方塊建立虛擬互動喔!

      找到這個站實在太開心了,一定要好好研究,先來三段介紹影片喔!

1.Cospaces介紹

2.Cospaces帳號登錄與教學影片

3.Cospaces操作與Coding

      免費與專業帳號之別,有些功能尚未登場:

 attachments/201705/8342367326.jpg