[PlayCanvas 筆記 03] 如何為瀏覽器安裝 VIVERSE Extension 外掛

在開始打造你的 VIVERSE 元宇宙世界之前,除了擁有帳號與專案,還必須安裝 VIVERSE 專用 PlayCanvas 擴充功能,它能連接 PlayCanvas 編輯器與 VIVERSE 平台之間的橋樑,讓你能在開發過程中即時設定 VIVERSE 場景、進行預覽,並最終順利發佈你的創作。

VIVERSE Extension 需要搭配 Chrome 或 Edege 使用,該擴充功能可以將 PlayCanvas 的專案上傳到 VIVERSE WORLD,此外也有寫好的一些實用功能,例如 Trigger 功能,只需要拖曳點選就可以免去複雜的程式撰寫,達到滑鼠或虛擬人物觸發的效果。

瀏覽器

VIVERSE Extension 需要搭配 Chrome 或 Edege 使用,因此必須確保開發的瀏覽器是使用這兩個其中一個。

獲取擴充功能與版本檢查

在開始安裝前,請先前往 VIVERSE 的官方開發文件進行下載。

解壓縮與存放路徑建議

下載完成後會得到一個 .zip 壓縮檔。請將其解壓縮至一個固定且安全的資料夾(例如:D:\Dev\PlayCanvas_Tools\)。

特別注意:由於我們待會要使用 Chrome 的「開發者模式」載入,如果你在安裝後移動或刪除了這個資料夾,擴充功能將會失效,屆時你必須重新執行載入流程。

在 Chrome 中手動載入插件

由於這款擴充功能是專為開發者設計的工具,並未上架至 Chrome 線上應用程式商店,因此我們需要透過以下手動方式安裝:

  1. 開啟擴充功能管理面: 在 Chrome 網址列輸入 chrome://extensions/,或點擊瀏覽器右上角的「拼圖」圖示並選擇「管理擴充功能」。
  2. 啟動開發者模式: 在頁面的右上方,你會看到 「開發者模式 (Developer mode)」 的開關。請果斷地將它開啟,這時頁面會出現幾個隱藏的功能選單。
  3. 載入解壓縮內容: 點擊左上角的 「載入解壓縮內容 (Load unpacked)」 按鈕。在彈出的視窗中,找到你剛剛解壓縮的資料夾並點選「選擇資料夾」。

確認設定與啟用

  • 如果一切順利,你現在應該能在清單中看到 PlayCanvas Extension 的卡片了。
  • 請確認卡片右下角的開關已處於開啟狀態。現在,重新整理 PlayCanvas 的專案 Editor 時,你會發現工具列中多了一些 VIVERSE 專屬的功能圖示,這代表你已經準備好大展身手了!
0