Hubs by Mozilla 混合實境聊天室,人人都可以輕鬆創造逼真的「虛擬教室」、「大地遊戲」、「畢業典禮」、「線上展覽」情境!

 

在前一段時間有不少人玩過「Gather Town」這個 2D 像素式風格的虛擬聊天室、做為虛擬教室、虛擬辦公室、線上畢業典禮甚至是密室逃脫…等的應用!


Hubs by Mozilla 混合實境聊天室由瀏覽器大廠 Mozilla 透過 JavaScript 的 WebVR API 所開發,可說是「Gather Town」的 3D 版,除了可以使用更逼真的 3D 場景,也提供設計工具,讓您除了使用內建 3D 場景外,可以自己設計專屬的 3D 場景,且操作方式與 Gather Town 快速鍵都是「↑↓← →」與「AWSD」,還可以配合滑鼠「按住左鍵拖曳」與「按住右鍵拖曳」或「Q」、「E」快速鍵來進行 3D 場景的觀看。

※  Hubs by Mozilla 官方網站:https://hubs.mozilla.com/

 

  



一、 Hubs by Mozilla 特色介紹

1.可以使用 三種方式建立「房間 Room」

Hubs by Mozilla 混合實境聊天室與 Gather Town 的人數上限一樣,都是 25 人,但是 Hubs by Mozilla 混合實境聊天室除了直接參與的 25 人外,還能容納其他的「觀眾」在場外觀看,雖然官方文件上並沒有說明觀眾人數的上限,但是場外可容納人數應該不會少於 25 人!

這些觀眾除了在入口等待外,也可以和其他觀眾 Chat 聊天,主持人更可以透過「廣播」的方式,將主持人在現場的視角,投影給這些觀眾,讓他們能看到裏面發生的情形,讓在場外所有觀眾一同觀注!

※ 觀眾角色與直接參與的人員無法互動,也看不到他們,彼此的聊天室也無法互動相通。

2.已具有局部的「簡體中文」界面

雖然中文化的比例不算太高,且主要具中文界面的區域在「Preferences 偏好設定」中, 但是這對於使用者在設定項目的理解上會有一定的幫助!

 

3.內建 90 個場景與各種頭像、動畫圖

場景與各種頭像、動畫圖除了內建的範例可以直接使用外,也可以透過自己設計場景、上傳新的頭像與動畫圖檔。




4.除了開麥克風語音以及文字聊天室外,也有互動表情、手勢動畫




5.可在 3D 虛擬場景中分享網路攝影機畫面、螢幕畫面,以及從虛擬角色所看到的場景

「從虛擬角色所看到的場景」功能,主要就是讓在場外的觀眾能直接透過主持人在現場的視角,了解 3D 虛擬場景中所發生的情景。


6.可加入 3D 塗鴉筆、自拍相機與錄影機、3D 模型、GIf 圖檔與其他虛擬場景

3D 塗鴉筆就像現實生活中的筆,可以在 3D 虛擬場景上任意空間、平面上創作,很有意思!

3D 模型則主要可以從有豐富 3D 模型資源的 sketchfab.com 網站,取得各式各樣的線上 3D 模型,當然您也可以自己上傳!


↑ 自拍相機上方是拍照功能,下方是錄影功能與時間長度



二、 Hubs by Mozilla 如何登入帳號

使用 Hubs by Mozilla 不需要登帳號即可建立房間,但是如果您有登入帳號,才能在房間中「Place 放置物品」與儲存房間的設定





三、 Hubs by Mozilla 如何建立與切換「房間 Room」

1.建立房間 Room

一般使用者只需選擇「Join Room」即可建立房間。


接著,您可以為這個角色命名,只能使用英文、數字與連字符號,選擇一個角色頭像,再確認麥克風與喇叭設備是否正常!


2.切換房間 Room

選擇「Room Info and Settings」,就可以切換不同的內建的 90 個 3D 虛擬場景或是自己設計的 3D 虛擬場景。


四、在 3D 虛擬場景中迷路了怎麼辦? 如何快速找到特定位置?

從右上角的 Objects 可以找到目前場景中的所有物件清單,按下 View 就能快速進到此物件的場景位置上。






 

五、主持人的權限

主持人有權限將所有人靜音與將不速之客踢出虛擬場景。



 

 

六、 Hubs by Mozilla 如何邀請朋友加入

1.三種加入方式

Hubs by Mozilla 邀請朋友加入的機制與 Gather Town 雷同,可以使用以下三種方式加入:

  • 超連結加入
  • 使用房間代碼加入:請告訴朋友這個網址,他就可以在上面輸入代碼。https://hub.link
  • 使用 iframe 語法嵌入網頁中:只要進到網頁即可加入


 


 

2.主持人開啟「Streamer Mode 串流模式」,讓與會者進入虛擬場景前,可以看到你目前所在的虛擬場景活動

「Streamer Mode 串流模式」與之前介紹的「觀眾 Spectate」模式不同,它是在開啟虛擬場景的頁面上,顯示主持人的視角,讓使用者進入前,可以先了解目前裏面的活動情形!

 



七、 Hubs by Mozilla 常用快速鍵

幾個常用的 Hubs by Mozilla 快速鍵可以先了解一下,未來如果有需要更多,就可以透過下方的完整列表再去做查詢!

1.顯示物件選單:在物件上按住空白鍵 Space

建議先將視角調整到想要擺放物件的角度後,再使用「Place」功能加入,可以比較容易將物件放到正確的位置與角度上!

A.Pin:可鎖定物件,不會不小心動到

B.旋轉:可讓物件更貼齊場景上的牆壁…等角度,配合 Shift 鍵可以更自由旋轉


2.麥克風開啟/關閉:M

3.物件縮放:先按滑鼠左鍵不放,加上滑鼠滾輪往前往後 (有點難,需要練習一下!)

4.3D 塗鴉筆操作:

  • 筆刷復原:Ctrl + Z 
  • 筆刷大小調整:Shift + 滑鼠滾輪(往後放大,往前縮小)
  • 改變筆刷顏色:Shift + Q,每按一次會更換一個顏色

5.開啟 Teleport 傳送模式:按住滑鼠右鍵不放,當出現下圖的綠色圓圈後,放開右鍵就會跳至指定位置

 
 
 
 

八、 Hubs by Mozilla 目前不足的地方

目前 Hubs by Mozilla 與 Gather Town 相比,除了 2D 與 3D 的差異外,Hubs by Mozilla 比較缺乏角色與場地上的「互動機制」,例如 Gather Town 可以設定分組、設定全區廣播與監聽…等。
 

留言