LV. 6
GP 50

RE:【密技】讓BGD的角色在你的手機桌面動起來! Live2DViewerEX - Android/Win/Mac (6/5微更

樓主 Disaster Plume kisecretja
GP11 BP-
0.目標
  • 將遊戲中的Live2D製作成可供Live2DViewerEX播放的檔案
  • 待機時有基本動作
  • 觸摸有動作+語音

1.收集素材

1-1.尋找角色.moc(Live2D主檔案)、.physics(該檔案的物理運算)、.png(材質圖)

這裡就不自己拆包了,我們將會利用Bestdori來獲得所有需要的素材
(如果你還是想拆包自己去慢慢拆= =)

遊戲中所有的Live2D檔案都放在

檔名已經相當直觀了...
開頭數字代表角色:
001-Kasumi 002-Tae 003-Rimi 004-Saya 005-Arisa
006-Ran 007-Moca 008-Himari 009-Tomoe 010-Tsugumi
011-Kokoro 012-Kaoru 013-Hagumi 014-Kanon 015-Misaki
016-Aya 017-Hina 018-Chisato 019-Maya 020-Eve
021-Yukina 022-Sayo 023-Lisa 024-Ako 025-Rinko

數字之後接的檔名就已經相當直觀了...
像live_event_01_sr就是第一個活動的sr(3星)卡

而像event_44_story_01就是44期活動劇情內才有的特殊服裝

如果還是真的不知道... 點進去就可以馬上看到.png(材質圖)了

今天的範例是最新一期的喪屍風香澄! 001_live_event_82_sr

點進該檔案後將圖片分頁的那張分屍圖(.png),和Live2D分頁的.moc、.physics下載下來
(描述分頁的buildData.asset不必要,但可以透過閱讀它了解此Live2D使用了其他哪些檔案)
(點擊檔案即可下載)

1-2.尋找角色.mtn(動作)、.exp(表情)、.mp3(語音)

這裡開始就比較複雜了,而複雜程度取決於你想為此角色加上多少個動作/聲音

各角色的通用動作和表情可以在其general中找到,例如香澄如下
但有些角色模型有其專屬的動作檔案,如果在剛才上面在Live2D分頁尋找.moc時還發現該分頁有動作檔(.mtn),就表示應該要用這裡的動作檔而不是general中的,例如上次的婚紗香澄

(通常動作內就有內建的表情了,不過如果想要覆蓋掉原本的表情就需要自己加入)

而語音檔案的位置就比較散了... 不過大多都在voice資料夾中,如果有指定要哪一個語音可能就要稍微找一下,這裡放上比較常用的連結

Tips: 因為大多數的動作/表情/語音在同個角色都是通用的,所以基本上這個環節只有第一次比較痛苦,在製作完成後,以後就可以透過替換.moc直接快速換皮

2.開始製作
 
2-1.購買Live2DViewerEX

148TWD而已,真的不貴
…   雖然理論上不買這軟體,自己寫.json也行,但你可能要花至少2倍以上的時間來製作... 列舉主要原因:
  • 此軟體有GUI介面協助編輯.json,直觀省時且不用擔心手殘打錯
  • 我們的目標就是製作可供Live2DViewerEX執行、展示的檔案,而其本身就有內建編輯器
  • 如果只使用手機的免費版本,免費匯入次數是絕對不夠用的

不過上述問題是我們為了重頭製作才產生的,如果只是單純的想使用現成的桌布應該是可以不用買的...

2-2.使用內建編輯器

請在右下角的工具列右鍵該圖示,開啟"EX工作室"(EX studio,如果你沒切成中文)
(該軟體的其他桌面功能不在本教學範圍之內,請自行摸索,或閱讀官方教程:

點擊"Live2D編輯器"

點擊"選擇Moc或Json文件"

如果是要編輯現成或你上次編輯到一半的檔案,請選擇你要的.json
我們這裡是要製作全新的一個,所以選.moc

文件名取你看的懂的,記得將下面的貼圖打勾,最後按下確認
(如果沒看到貼圖就代表你沒有把剛剛的.png跟.moc放在同一個資料夾中,建議把所有素材放在同一個資料夾之下,編輯器才會直接顯示出來)

成功後就會馬上看的角色了,接下來請切換到"配置文件"分頁,這就是我們要編輯的.json檔,點擊下方的"編輯"

左邊那一列就是我們能用的各個功能
先把.physics檔加入,這樣服裝的物理效果才會顯示出來

先把表情檔加入,名稱請取自己看得懂的,之後才能辨認
(通常動作內就有內建的表情了,不過如果想要覆蓋掉原本的表情就需要自己加入)
(從這裡開始,依你的素材數量可能會有複數個檔案需要被添加,為簡化此教學我只會添加幾個做示範)

再把動作/語音檔加入
依照我們的目標,我們需要使用一個預定義的動作組idle,該動作組中的動作會在角色閒置時自動播放
(其他動作組的使用不在本次教學目標內,詳見 http://live2d.pavostudio.com/doc/zh-cn/live2d/model-config-sdk2/#_2 )

接著在idle動作組下新增你要待機的動作
不用每一格都填,依照需要的情況填,這裡簡單說明至少該填甚麼:
name: 名稱請取自己看得懂的,之後才能辨認
file: 請找到你要的動作檔
sound: 語音檔,但因為這裡的動作會在待機時播放,所以如果你給它語音它就會一直發出聲音,因此這裡我留空
expression: 通常動作都會內建表情,除非你想覆蓋,否則留空
priority: 範圍2-9,越大優先級越高。 默認為2,若設置為9則強制覆蓋前一個事件。 因為這是待機動作,所以我們將它設定為2
weight: 觸發的權重。 範圍1-999,值越大觸發概率越高。默認為1
其他我沒說明的就都可先不用動,如果之後想詳細了解,請看:http://live2d.pavostudio.com/doc/zh-cn/live2d/model-config-sdk2/#motions

成功添加後應該可以看到你的角色會自己播放動作,接下來我們來添加觸碰回應

首先,先找到你要有觸碰回應的位置。
前往"網格"分頁,點擊下方的物件,該物件的位置會立即顯示在角色上(綠色方框)
找到你要的位置後,記下該物件名稱

接著回到剛才的編輯畫面,新增一個hit_area,id選擇剛剛你記下來的那一個,name(名稱)請取自己看得懂的,之後才能辨認,motion是要觸發的動作組名,不過這裡我們可以留空

再回到motions,並新增另一個預定義的動作組tap_,hit_area選你剛剛創建的那個
(這樣你可以讓每個不同的hit_area都有其獨立的動作組,如果你只有一個hit_area,可以直接使用另一個預定義的動作組tap)

動作組新增完後,動作新增的方法就和之前一樣了,只是有些細節需注意:
priority建議設定9,讓他直接強制播放,否則會因優先度不夠而沒反應
lip_sync請打勾,否則語音撥放時嘴巴不會動

這樣就完成了! 剛才編輯的.json檔會跟.moc放在同一個資料夾,如果之後還需要修改就改選.json檔就可以繼續編輯了。

範例檔案:

要展示此Live2D也是選擇該.json,就跟之前上面一樓說的一樣。
記得是將整個資料夾複製到手機裡,而不是只複製.json。

大略看過官方的手冊後發現好像還有很多事可以搞,例如兩個角色的互動、文字氣泡、好感度(what?)
還有一些額外的細節在這次的教學沒有提到,像是這套服裝的胸上有一顆心,在遊戲中是會跳動的,但在這裡我們需要自行設置(使用loop_params)

之後可能就會自行發一些作品上來,順便解釋一些沒說的細節,拜託別吉我

感謝閱讀

11
-
未登入的勇者,要加入討論嗎?
板務人員:

352 筆精華,10/22 更新
一個月內新增 0
歡迎加入共同維護。


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準,可能無法使用新的應用程式來呈現網站內容,在瀏覽器支援度及網站安全性的雙重考量下,為了讓巴友們有更好的使用體驗,巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特:
。Google Chrome(推薦)
。Mozilla Firefox
。Microsoft Edge(Windows10以上的作業系統版本才可使用)

face我們了解您不想看到廣告的心情⋯ 若您願意支持巴哈姆特永續經營,請將 gamer.com.tw 加入廣告阻擋工具的白名單中,謝謝 !【教學】