LV. 10
GP 79

【密技】【教學】 live2d 讓自己喜歡的學生動起來吧!(文長)

樓主 老黎 s94021209
GP92 BP-

作者標示-非商業性

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

基於遊戲目前剩下幾個月的時間,為了讓畢業(失業)後的老師,能夠在其他地方還能見到學生,因此發了這篇教學文。


首先,在此誠摯的邀請各位老師一起協同製作。(›´ω`‹ )

在做料理前,如果沒有食材一切都只是空談。
live2d也是一樣,沒有素材一切都無法開始。

本次教學會使用到的程式如下:

教學開始:

首先,我們先大致的了解一下從素材到完成的過程吧!

  1. 找到檔案,並用Asset Studio拆解成各類型檔案。
  2. 並把檔案分類放置後,就準備要正式開始了。
  3. 分別把檔案放入Live2D Viewer進行整合。(此程式為預覽+簡單配置)
  4. 並把所有選擇的物件放入同一個資料夾,並產生model.json。(這只能算是半成品)
  5. 確認無誤之後,有二種的編輯方式。1.使用Notepad++進行編輯 2.使用Live2DViewerEX內建的工作室EX Studio編輯。

(因為版權的因素,所以才選擇用雲端上傳)


第一部分:找檔案
目前只有2種方式可以找到檔案:
  1. 直接從手機裡尋找
  2. 大大整理完的資料 (推薦)

第1種:從手機裡找
(如果未刪除遊戲,可從遊戲資料夾內尋找)

檔案的存放路徑,台日版並不相同
台版: .../android/date/tw.sonet.bgh/cache/assets (已於2019/09/01關閉)
日版: ...data/data/jp.colopl.bgirl/cache/assets (已於2019/07/31關閉)

模擬器拆檔案+教學可參考SADevil7729大大文章: https://home.gamer.com.tw/creationDetail.php?sn=4157677

以下以台版為例。

1.點進去assets資料夾後,會看到一堆副檔名為.unity3d的檔案(這就是未拆封的檔案)

2.全選後,複製一份到電腦裡。(資料夾自取名子)
之後放入Asset Studio進行讀取。

點選 左上 File>Load Folder 進行載入。

3.畫面上沒有任何東西,是正常的,直接按 選擇資料夾 載入即可。

4.載入之後,按Asset list選擇以檔名排序(type),尋找副檔名為Texture2D的檔案。
以完整的模型來說,需要找2個檔案
1.臉的檔案
2.服裝的檔案(自選)
5.找到後,臉的部分就直接右鍵Expoet selected assets輸出即可。

  而服裝的部分就比較麻煩了,右鍵選show original file找到原始檔untly.3d並複製一份到其他資料夾(自取),之後再個別載入解壓縮(因為裡面含有moc檔案,一次拆很容易找不到)





第二種:找其他大大整理好的檔案

(感謝 X終極王子 ms0647510 大大提供)


簡易教學:(7樓)
2.雲端內有其教學
(感謝 flash16765 大大提供)
這樣第一部分就算告一段落了。



第二部分:載入模型

1.檔案更改副檔名如下:
原始 更改後
moc.txt moc.moc
m06 #54332.txt m06 #54332.mtn
f01 #545518.txt f01 #545518.exp.json
physics.txt physics.physics.json


2.解壓縮完後,打開TextAsset的資料夾,會發現副檔名是.txt
(請參照上方圖表進行更改附檔名)


更改完以後,就可以正式進入到預覽的步驟了。

3.打開Live2D Viewer載入.moc檔,會看到以下畫面
(紅框處為互動區域,之後寫程式碼會用到)

4.之後載入臉跟服裝,設定層級如下。
(臉是no.0,服裝是no.1)
確定好後,按Apply進行載入。成功後就會看到可愛的學生了!

之後分別載入
  1. 動作檔.mtn(自選,如果沒有喜歡的,可以自己做or找其他遊戲的設定檔)
  2. 表情設定檔.exp.json(自選,同上)
  3. 物理設定檔.physics.json (這是胸部會搖的原因!!)

完成圖
# 點選Animation>lding Motion 可開啟閒置動作
# 點選Live>Lip-sync>add 可新增語音感應

5.再來是新增idle(閒置動作)
點選想要設定的.mtn之後,在下方的Group打上idle,或是直接在檔名加上idle即可完成設定。
# 而Sound的部分則是新增點擊時撥放的語音(推薦是.mp3)
  剛才解壓縮的物件,找到AudioClip的資料夾,裡面就有部分的音檔了。
  (雲端資料夾裡,已經有大大上整理過的音檔)

(已無法使用)
(感謝 妖孽退散 tony2110123 大大提供)


6.之後把此次全部使用到的檔案,複製到另一個新的資料夾裡。
(把絕對路徑換成相對路徑)

完成後,再重新載入一次更新路徑。
之後點上方的Project>write>setting file輸出modle.json設定檔
注意:此時的modle設定檔是半成品!



這樣第二部份就告一段落了


第三部分:撰寫model.json

model.json類似給程式執行時的清單,可以透過此清單直接修改模型內容。

以下會介紹2種程式撰寫的方式給老師們
  1. Notepad++ (直接進行程式編寫。雖然耗時間,但相對可以對模型進行細部修改)
  2. EX Studio   (模組化程式,省去除錯的時間。最快只要30秒即可完成,缺點是付費軟體)

程式編輯內容可參考Disaster Plume大大的文章:


以下為程式基本架構: 綠色一組,紅色一組,藍色一組
{
  "name":
  "model":                                       
  "textures": [
    
  ],
  "hit_areas": [
    {
      "name":
      "id":
    }
  ],
  "motions": {
    "idle": [
      {
        "name":
        "file":
        "expression": "default",
        "priority":
        "weight":
     },
    ],

    
    "tap_hand": [
      {
        "name":
        "file":
        "sound":
        "priority":
        "weight":
      },
    ]
  },
  "expressions": [
    {
      "name":
      "file":
    },
  ],
  "physics":
  "lip_sync": "true",
}

首先先介紹Notepad++的部分:

1.打開後什麼都沒有(棒讀)


2.匯入上面的基本架構後,就可以開始愉快的程式編輯之旅了。





在這裡介紹一下這段ID要怎麼
"hit_areas": [  //點擊互動的區域
    {
      "name":
      "id": //呼叫的區域名稱
    }

首先先用Notepad++打開moc檔,然後就會得到一堆亂碼
(畢竟輸出成moc檔後就沒辦法轉回cmox,只能用暴力一點的方式了)


紅框處把3拿掉後,就是相對應的3處感應區域了

基本上戰女都是使用這三個名稱,所以不用擔心每開一個就要對一次的問題

Notepad++的部分就先介紹到這裡。
相信會選這個方式的老師,都對程式有一定的概念。

再來是EX Studio的部分:

1.開啟Live2D Viewer對著右下角的Live2D Viewer小圖示右鍵選擇EX工作室
2.點選Live2D編輯器>選擇Moc或JSON文件

3.匯入之前輸出的model.json

4.點選配置文件>編輯
(從這裡可以補足沒有被設定到的互動區域)

至於設定的詳細內容,請參照Notepad++EX Studio 配置教學的說明。


EX Studio好處的部分是當點網格>其他部件時,即可標示出相對位置,
就不用慢慢看亂碼到眼睛脫窗了。(遠目...FK)

完成後可以直接關閉程式,它會自動同步到model.json裡面。
之後就可以測試成品了~

到這裡就算是完成了。恭喜!!




計畫說明(二樓):  
之後會開一個雲端,讓各位老師可以交流檔案。
但完成品請斟酌上傳Live2DViewerEX的雲端(畢竟是那是公共平台,還是低調一些)
(上傳Live2DViewerEX雲端如產生法律問題,本人一蓋不負責)

製作問題Q&A(八樓):
底下有整理了一篇問題集,目前還在收集問題中。

最後,離別來臨時,是否能好好道別呢?


ありがとう、そして さよなら     
108/09/01

92
-
LV. 10
GP 93
2 樓 老黎 s94021209
GP30 BP-
LIVE2D 資料交流計畫:

首先,恭喜各位老師完成了,辛苦了!

當一個人的力量不夠時,集結眾人的力量就會達成,這是本企劃的核心概念。


google 雲端: https://reurl.cc/7O44d



上傳格式如下:

協力製作申請: https://reurl.cc/9M66O
(要先申請才能上傳)

首先開啟後找到女孩的資料夾後並開啟
新增一個資料夾(資料夾名稱為服裝名稱)


這樣就算上傳完成了




備註:

資料夾內有素材可以使用,如果自製或是遊戲內沒有的都可以上傳。


而上傳其他未完成的物件時,資料夾一律都需標記(素材)



如果下載時,發現雲端上的檔案異常無法執行的話,請在那個資料夾標記(損毀)
之後有大大更新時,刪除原本資料時同時移除掉標記即可。

至於下載後,有自行修改的大大,就請不要再把檔案上傳雲端了,讓資料夾保持一份就好。(除非資料損毀)

只要戰女還沒消失,總有一天會像拼圖一樣完成吧!

30
-
LV. 13
GP 14
3 樓 rolicon joe092999
GP2 BP-
就我這樣觀察下來,編號m06開頭的是恩愛模組,然後跟m06包在一起的就是其他動作模組跟表情等等那些,可以從m06去找是哪個腳色的模組,就不用慢慢憑感覺試了
2
-
LV. 31
GP 2k
4 樓 flash16765
GP2 BP-

目前正在一個一個提取和歸類服裝...
感覺會花掉很多時間
是不是該先做一個實際的角色檔出來好呢...

另外發現衣服要讓角色換穿上去才會儲存到內容
所以只進去更衣室不行
還要一件一件換上去
還有些衣服就算換上去好像也沒檔案...怪怪的

有沒有LINE或者KEKEKE的群來交流一下?



目前找不到聖夜系列還有最終章滿開星衣的模組
有沒有高手來指點一下...
2
-
LV. 31
GP 2k
5 樓 flash16765
GP3 BP-
因為遇上莫名其妙的問題(Live2D Viewer無法把檔案拖進去)
只好土法煉鋼,手動修改老黎大大的model.json檔案
然後把整理的檔案丟進去,再直接讀取model.json檔
才能正常使用live2d

聲音檔用聽的聽得出來,所以用對了
可是表情和動作檔整個搞錯了,但竟然能套用上...
這應該是杏子家約的接吻動作,配上胡桃"非常感謝"的聲音...嗯...

麻煩有大大知道為甚麼套用不到檔案嗎?

接下來得找找胡桃的表情和動作包了

3
-
LV. 10
GP 123
6 樓 老黎 s94021209
GP1 BP-
群組目前遭不明人士攻擊,暫時關閉中。造成不便,請見諒。

群組目前遭惡意攻擊,導致許多人都被踢出群組。

很遺憾的,對於這種手法我們沒有防禦的手段,目前正在擬定重開群組。

至於詳細的審核標準,以及配套措施也正在制定。

如有什麼想提出來的,歡迎留言討論。









1
-
LV. 31
GP 2k
7 樓 flash16765
GP17 BP-
陸續製作各角色的共通檔中
目前胡桃、遙香、日向的已經製作好了
都只有一兩套衣服,想要其他的可以自己加進去
有基本表情和動作,也設定了觸碰頭和身體時的反應
但是沒有語音
等以後ms0647510大大補完檔案時可以自行加進去

老黎大大的協作雲端
本人製作的是ake版
或參考頂樓老黎大大的教學

如果你真的非常外行
就準備好Live2D Viewer EX這個軟件(手機或電腦版都可)
然後讀取各角色衣服資料夾中,models資料夾內的json檔案就可以了

以日向的為例,就是
hinata\xmas_03-聖誕節2017\models\hinata_xmas_03_ake_model.json



用在手機上
效果就像在遊戲時跟學生互動
一樣能摸頭摸胸
如果想聽語音也可以,要等各位大大整理好語音檔再丟進去設定
就算遊戲關了還是能跟學生互動!



重新上傳了胡桃的共通檔
裡面已經有語音檔
可以用作參考其中的json檔來自行設定
下面是加入語音和文字泡後的範例
其他人的語音可以在老黎大大的協作雲端內尋找
已經在大家的努力下陸續上傳整理中


      {
        "name": "m03",
        "file": "../../0-motions/m03.mtn",
        "sound": "../../0-girlVoice/voice_108.mp3",
        "text": "您早啊……",
        "expression": "f02.exp.json",
        "priority": 9,
        "weight": 1
      },
      {
        "name": "m06",
        "file": "../../0-motions/m06.mtn",
        "sound": "../../0-girlVoice/voice_176.mp3",
        "text": "老師,非常感謝您……。 我今後也會好好加油的……",
        "expression": "f04.exp.json",
        "priority": 9,
        "weight": 1
      }


17
-
LV. 10
GP 182
8 樓 老黎 s94021209
GP8 BP-
製作問題Q&A
以下整理一些比較常見的問題來回答。(持續更新中)

拆包方面的問題

Q:我下載了Asset Studio了,但載入.unity3d時卻沒有東西。
A:請先檢查開啟程式是否為UnityStudio,如果是的話,請重新下載Asset Studio。
另一個可能是下載的檔案有誤,請先清除快取後重新下載,或是從雲端下載已經處理好的檔案。



model方面的問題

Q:請問我沒有購買Live2DViewerEX有辦法載入live2d模型嗎?
A:還有另一款 Live2D Wallpaper 可以載入(也是需要付費,但比較便宜),不過沒有支援繁體中文,購買前請先謹慎考慮。

Q:在製作hit_areas時,發現沒有D_REF.XXX可以選取該怎麼辦?
A:在網格中尋找其他相同位置的ID來代替D_REF.XXX的功能即可

Q:使用到重疊的區域時,導致該區域點擊無效該怎麼處理?
A:hit_areas的設定中,在無效的ID底下寫入"order":1 (預設0,可填入1-9,數字越高圖層越上面)

Q:語音要如何加入?
A:model.json裡要加入語音的mtn底下新增"sound":"路徑/檔名"。

Q:在點擊動作時,但語音還沒結束,表情卻先變回預設值,請問有辦法調整嗎?
A:本上我們無法調整表情或動作的時間,所以只能在動作結束後加入另一個動作來解決。
   在須調整的mtn下新增"next_mtn": "idel:XXX" ,實際操作可參考教學影片。
   (這樣的作法會讓前一個動作確實結束後,才會執行下一個動作,這樣就可以解決表情先變回預設的問題了。下一個動作建議是idel)

   
8
-
LV. 27
GP 418
9 樓 小化 smile2213
GP0 BP-

作者標示-非商業性

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

想問問如何去背,目前進度背景都是白的
是否能夠將背景調成透明?

(已解決)
0
-
未登入的勇者,要加入 10 樓的討論嗎?
板務人員:

146 筆精華,01/03 更新
一個月內新增 0
歡迎加入共同維護。


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

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