全台活動
![[PlayCanvas 筆記 03] 如何為瀏覽器安裝 VIVERSE Extension 外掛](https://img.jfsblog.com/2026/01/20260112005243_0_efac5b-370x250.jpg)
在開始打造你的 VIVERSE 元宇宙世界之前，除了擁有帳號與專案，還必須安裝 VIVERSE 專用 PlayCanvas 擴充功能，它能連接 PlayCanvas 編輯器與 VIVERSE 平台之間的橋樑，讓你能在開發過程中即時設定 VIVERSE 場景、進行預覽，並最終順利發佈你的創作。 VIVERSE Extension 需要搭配 Chrome 或 Edege 使用，該擴充功能可以將 Pla […]
![[PlayCanvas 筆記 01] 前置作業－環境與帳號](https://img.jfsblog.com/2026/01/20260112000122_0_4eee0a-370x250.jpg)
VIVERSE World 是一個由 HTC 打造，開放且跨平台的元宇宙生態系統。它最大的特點是允許使用者直接透過瀏覽器、行動裝置或 VR 設備無縫進入虛擬空間。對開發者而言，這是一個結合社交、創意展示與 3D 沉浸式體驗的舞台。如果你使用 VIVERSE World 內建的 3D 房間展示，你可以想像成是一個 3D 版的開心水族箱，可以自由的在裡面加上 3D 物件、多媒體和超連結等，但使用情境受 […]
VIVERSE World 是一個由 HTC 打造，開放且跨平台的元宇宙生態系統。它最大的特點是允許使用者直接透過瀏覽器、行動裝置或 VR 設備無縫進入虛擬空間。對開發者而言，這是一個結合社交、創意展示與 3D 沉浸式體驗的舞台。如果你使用 VIVERSE World 內建的 3D 房間展示，你可以想像成是一個 3D 版的開心水族箱，可以自由的在裡面加上 3D 物件、多媒體和超連結等，但使用情境受 […]
![[PlayCanvas] 滿版畫面設計 (VIVERSE World)](https://img.jfsblog.com/2026/01/20260111173300_0_7739d6-370x250.jpg)
本文介紹如何透過 PlayCanvas 設計可以在 VIVERSE World 中以滿版畫面顯示的方法。在 VIVERSE World 裡，你也許希望玩家在進入世界之前，先看到一個漂亮的開場畫面──可能是品牌 Logo、遊戲名稱，或是一個「點擊開始」的提示。這樣的設計不僅能提升沉浸感，也能讓整個體驗更有專業感。 一般來說，我們可能會採用 PlayCanvas 內建的 2D Screen + Ima […]
![[PlayCanvas + VIVERSE] 一次性 NPC 對話框](https://img.jfsblog.com/2025/11/20251109212442_0_e7359a-370x250.jpg)
在現代遊戲開發中 NPC（非玩家角色）互動是提升遊戲沉浸感的重要元素之一。當玩家靠近 NPC 時，通常會觸發對話或任務提示，這種互動機制能讓遊戲世界更加生動。本文將介紹如何利用 HTML 和 VIVERSE EXTENSION 的 TriggerAndAction 功能，快速實現 NPC 對話面板效果，並提供完整操作流程與範例程式碼，讓開發者可以在 VIVERSE WORLD 中輕鬆製作類似功能。 […]
是的，我用 2 週使用 PlayCanvas 和 VIVERSE World 製作了一款線上密室逃脫小遊戲〈倒反的秩序：密室逃脫計畫〉，甚至還為這個遊戲使用 Github 建立了一個官網放置解答，大家有興趣可以去玩玩看。不過為什麼要製作這款小遊戲，這話就必須從 1.5 個月前講起，今天我就來分享我的心得！ 遊戲資訊 開始遊戲（請使用電腦） 遊戲方式：鍵盤 WASD 讓人物移動、滑鼠點擊物件、鍵盤輸 […]
