Kalidoface 3D:網頁運行的 VTuber 虛擬人物!支援全身或臉部追蹤!本地執行完整教學
2023/05/21
萌芽站長
1,348 0
軟體應用 , 網路應用
⚠️ 溫馨提醒:我們發現您可能啟用了廣告阻擋器,請將本站加入白名單以正常閱讀文章內容,謝謝支持 ❤️
Kalidoface 3D 是一款支援 3D Vtuber 虛擬人物的網頁應用程式,可載入 VRM 人物模型檔案。它現在具有更多動態攝影機角度,使用最新的 Mediapipe 人體姿勢偵測模型來做到全身追蹤。結合 OBS 即可做到直播、錄影等,該應用能夠變更人物背景,可以改成純色(綠幕)再給 OBS 處理去背,就能直接與螢幕畫面合在一起,詳細可見我另一篇教學。實際測試效果很不錯,應用也有提供單純的臉部偵測模式,不一定要全身偵測。這次主要是把 Kalidoface 3D 這款應用直接在本地運行,當然您也可以直接透過 3d.kalidoface.com 連線使用。

▲ 這是 Kalidoface 3D 的 GitHub 專案頁面,可以從紅色箭頭處取得儲存庫網址以 clone 它,請到本機喜歡的地方用終端機(命令提示字元)下:git clone https://github.com/yeemachine/kalidoface-3d.git

▲ 下載後進入目錄,開啟終端機(右鍵或位址列輸入 cmd),接著執行 npm install 安裝各依賴項。

▲ package.json 內有提供預覽執行的指令,這邊我用 VS Code 內建的終端機執行 npm run serve,很快就能用 localhost:4173 連線上該應用了!

▲ 接著就能直接透過瀏覽器操作了!這就是完整的本地執行流程啦!
贊助廣告 ‧ Sponsor advertisements
OpenStreetMap:繪製登山口教學(附魯地圖之呈現方式)
📆 2022-03-06
📁
網路應用, GIS/GPS, 世界地理
Hailuo AI:人人都能打造專屬動態角色的 AI 動畫創作平台
📆 2025-04-21
📁
網路應用, 人工智慧, AI影片
Free Download Manager:批量下載檔名格式相同檔案
📆 2015-05-06
📁
軟體應用
StatCounter全球統計-查詢3C使用率
📆 2014-01-17
📁
網路應用
Google AI Studio:體驗 Gemini 2.0 Flash 超強的生圖與修圖能力!
📆 2025-03-20
📁
多媒體, 網路應用, 人工智慧, AI繪圖, 靜圖處理
Google地圖:即時路況
📆 2016-02-06
📁
網路應用
利用 Google2SRT 下載YouTube字幕為.srt
📆 2015-04-28
📁
軟體應用, 串流媒體
Google 最新 after & before 日期區間搜尋工具
📆 2019-04-13
📁
網路應用, 資訊新聞
留言區 / Comments
萌芽論壇