LV. 6
GP 18

【密技】讓BGD的角色在你的手機桌面動起來! Live2DViewerEX - Android/Win/Mac (二樓重練 完整基礎教學

樓主 Disaster Plume kisecretja
GP82 BP-

作者標示-非商業性

本授權條款允許使用者重製、散布、傳輸以及修改著作,但不得為商業目的之使用。使用時必須按照著作人指定的方式表彰其姓名。

聲明:本文並不會教你如何提取遊戲資料,遊戲資料皆為Bushiroad所有,粉絲二創請勿用於盈利,且這並不是軟體工商文,謝謝
關於可動壁紙… 你應該聽過Wallpaper Engine,可惜它並不支援手機

如果要在手機上的桌面讓Live2D角色活起來,目前透過Live2DViewerEX是最方便的,同時支援Steam工作坊,而且介面還是中文的,同時支援Android/Windows/Mac(對,沒有ios,謝謝),但我們今天重點在手機上,電腦的操作方式相信是大同小異,
請注意Android版的Live2DViewerEX雖是免費下載,但免費用戶需要透過觀看廣告換取點數才能匯入角色,需要購買Steam版(148TWD)才能解除此限制。

技術上是可以自行拆包導入遊戲內的Live2D檔案,但步驟麻煩我們這裡就直接用現成的
(如果仍然想自己來,我有找到別人寫的教學,日文 https://raspberrypi422.mydns.jp/wordpress/302/  
或等其他大神的教學)

而我們這裡用的是Reddit用戶u/SirPawsalott的作品
他之前已經有出了幾隻角色的檔案,但他本人因為怕被查水表,他在文章內所上傳的檔案都會在7天後自動刪除,需要的下次請早
.
.
.
有人幫忙備份了,130+種服裝,詳情請至三樓
因為教學需要,我這裡留了一個
是日版最新的婚紗香澄!
當期的活動角他都有做,包括故事內的服裝


下載後會得到一個壓縮檔,請解壓

解壓後進到Live2DViewerEX,點左上角開啟目錄
你會看到有"模型1” “模型2”,沒錯,這裡你可以同時有兩位角色在桌面上
背景圖片也可以自己設,預設是全黑,這裡我就不設了

點進"模型"後,請點JSON分頁,再點右上角的"+"

找到你剛才解壓的檔案,裡面應有一個json檔,勾選後點右上角新增

這裡如果你是免費仔你會遇到一個問題,需要透過觀看廣告換取點數,且還有每日上限
這上限還蠻緊的,大概第一天只能導入一個角色了... 不過起碼還有讓你當免費仔的機會就是了

導入成功後,請點畫面上你剛才新增的檔案,就可以看到角色了,如果需要移動角色位置,請點畫面右下角的"十字箭頭"
提示會自動彈出,都是中文,應該不用解釋了
不過因為這個檔案的作者沒有做其他而外的自定義功能,所以這裡頂多只能縮放或移動

最後點左上角開啟目錄,點最下方的"設置壁紙”

之後記得按"設定桌布",不過這裡的畫面可能會因手機不同而有所變化

預設是有聲音的,可以自行設定開關,上圖為何邊緣有鋸齒也是可以設定的,不過預設品質就是遊戲內看到的樣子,我關反鋸齒關爽的
(Edit: 上面的設置是 貼圖質量=1/2 + 過濾模式(反鋸齒)=點 的組合,幾乎就是全關,是不是還有點pixel art的風格呢w)

大功告成!

本文差不多就到這裡了,技術上遊戲內所有角色的Live2D都是可以被拆出來的,包括故事內的其他角色( 例如那隻企鵝: https://www.reddit.com/r/BanGDream/comments/bv7tdz/ )
但光是拆包就是一回事,能不能拆到你要的角色服裝也是一回事(你要有那張卡遊戲才會下載資料,但當期活動卡例外,因為你可以在轉蛋頁面預覽服裝,簡單的說就是遊戲只會下載需要顯示的資料)
了解Live2D資料的架構又是一回事,總之我沒時間弄那些東西,help
.明明是自己不想研究推給別人教
如果有問題請讓我知道,我會視情況補充,感謝閱讀





6/5 12:00 Edit:
新增影片: 簡易操作和互動效果展示
上面忘了提到互動的部分...
這位作者在頭、胸、右手都有設定不同的對話,角色的視線會跟隨你的手指
頭也會跟著手機的傾斜晃動...

影片特地用電腦錄模擬器,為了聲音輸出( 請無視幀數圖,我懶得關

82
-
LV. 6
GP 50
2 樓 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
-
LV. 6
GP 81
3 樓 Disaster Plume kisecretja
GP8 BP-
hmmm... 期末考算是結束了... 又有時間可以搞事了(x

之後會依照承諾把上面的爛尾寫完,不過先來個小更新:

之前有提到Reddit用戶u/SirPawsalott的作品,也說過因為怕被查水表,他在文章內所上傳的檔案都會在7天後自動刪除。

不過有人幫忙備份了全部的檔案,總共數量高達130+!
基本上25人裡面全部都有... 例如Neo Aspect活動全員的服裝,包括劇情內的服裝...

Thanks to u/Silvernine0S for the collection.

上面的連結是原文,下面的是原文內的下載連結

裡面的zip檔就是我們要的檔案了,要如何使用在一樓已經說過了...
而裡面還有一個md5檔是用來檢查檔案完整性(使用RapidCRC),和一些par2檔以用來修復毀損的檔案(使用MultiPar),正常來說應該用不到,普通人就無視他們吧

但是如果只看檔名,很難知道角色到底穿什麼服裝 (雖然你也可以一個一個試...
我們可以透過像是有提供顯示Live2D的網站來與檔名做比對:
http://bandori.makoo.eu/live2d/ (但是有點過期...
https://bangdream.ga/l2d/jp (沒有顯示服裝原檔名,但有有顯示部分動作的檔名+語音,之後自行製作時有很大參考價值

或者使用原作者u/Silvernine0S自行拍圖的圖片以便快速尋找你要的服裝: 原文
(2018的愚人節真的是chaos...

大概就是這樣了,雖然直接使用他人已經做好的現成檔案簡單又方便,不過如果想要有更多自由度果然還是需要自己來一遍...
(例如更多不同語音、沒人做的服裝、語音搭配Live2DViewerEX的文字氣泡、甚至自己做一個Android桌布程式(這個被吉的風險感覺挺高的,不過如果出一個官方的桌布程式` ,想必大家一定買爆,對吧?

接著期末我需要要把宿舍的東西全部搬回去... 等安定下來就把上面的爛尾收掉w

感謝閱讀,歡迎下方留言糾錯,感謝orz
8
-
LV. 6
GP 98
4 樓 Disaster Plume kisecretja
GP5 BP-
二樓整個砍掉重練了,原先的文寫的有夠低能

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

題外話
繼續推個https://bestdori.com ,最近故事閱讀器功能完整上線了,語音+邦邦全部版本的文本都有
(不開玩笑,連國服都有)
該網站也有中文,請去https://bestdori.com/profile/preferences調成繁中
(如果有翻譯錯誤,可以告訴我,我可以幫忙修改,或加入Bestdori的Discord回報,我就在那裡面)

7/8追記:
Bestdori的Live2D Viewer功能上線了!
查看表情、動作的組合將會更容易

感謝
5
-
未登入的勇者,要加入 6 樓的討論嗎?
板務人員:

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


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

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