雨兔
@rainyrble
Sun, Apr 6, 2025 4:40 PM
Sun, Apr 6, 2025 5:56 PM
Live2D筆記 Unity筆記
關於Unity中的Live2D模型，如何在點擊畫面時做到視線跟隨（Lookat應用）
找不太到這方面的教學，簡單寫我的做法
雨兔
@rainyrble
Sun, Apr 6, 2025 4:42 PM
Sun, Apr 6, 2025 4:44 PM
或許有更好做法，可能我還沒完全搞懂L2D SDK，只是邊學邊記
如果以後相關教學多了可以參考更厲害的
雨兔
@rainyrble
Sun, Apr 6, 2025 4:50 PM
Sun, Apr 6, 2025 5:05 PM
不小心開始講基礎，可跳過

總之要在Unity中用Live2D模型，先下載官網的Unity SDK
Download Live2D Cubism SDK for Unity | Live2D Cubism
載好的unitypackage檔拖到Unity的Project視窗
拖進去出現這個視窗，按Import就能匯入了
https://images.plurk.com/1GRjVAKD7x9HMiEH6vO98X.png
雨兔
@rainyrble
Sun, Apr 6, 2025 5:03 PM
Sun, May 4, 2025 7:20 AM
然後把Live2D中導出的moc3那整包也拖到Unty中
Unity裡這顆藍色圖示的就是可以拖到畫面上用的模型
https://images.plurk.com/7qo4Q7r4iBFLVY9KJ8SKbd.png
剛拖上去可能看不見或部件層次跑掉，按play執行一下遊戲就會正常了

p.s.寫程式的話，它的類型是GameObject
雨兔
@rainyrble
Sun, Apr 6, 2025 5:06 PM
Lookat相關
雨兔
@rainyrble
Sun, Apr 6, 2025 5:08 PM
Sun, May 4, 2025 7:22 AM
剛才匯入的SDK有個Lookat範例場景，可以進去看一下它怎麼做的
https://images.plurk.com/5eODM0ItTxCexk5GeUl1p8.png
按play能看到範例模型順利地看向圖像，點擊它會發現比我們自己拖進unity中的模型多了這個component叫CubismLookController，所以等等也要在自己的模型上新增一個
https://images.plurk.com/1rDvcinGA970XeL2fQnx0A.png
他看著的物體則是有這兩個腳本，待會也在被看的物件加上去
https://images.plurk.com/5XO4LS3iZLCaSRNKsYWR3h.png
因為我不是希望角色看特定物體，而是跟隨滑鼠移動，所以我打算創建空物件讓角色「看」，再讓這個物件即時跟著滑鼠點擊移動，就能達到角色看點擊方向的效果
雨兔
@rainyrble
Sun, Apr 6, 2025 5:32 PM
Sun, Apr 6, 2025 6:12 PM
回到自己的遊戲場景，如上述在角色身上掛一個Cubism Look Controller
https://images.plurk.com/2xIKqh63tFNtSp8zawLT5t.png
Center決定角色視線以哪裡為基準，我是自己創建了另一個空物件lookCenter放進去來調整位置
Target則是角色看的物件，裡面放的CubismLookTarget是剛才說要讓他看的空物件
雨兔
@rainyrble
Sun, Apr 6, 2025 5:34 PM
Sun, May 4, 2025 7:23 AM
讓他看的那個空物件則加上這三個component
https://images.plurk.com/3Ai8zUHj2t17vCXcmjnmKc.png
Billboarder和CubismLookTargetBehaviour是SDK匯入後就有的，按add component搜尋就能找到

MouseDragFollow則是另外寫的（用來達成「物件跟著滑鼠點擊移動」）
雨兔
@rainyrble
Sun, Apr 6, 2025 5:37 PM
Sun, Apr 6, 2025 5:38 PM
MouseDragFollow的程式碼
雨兔
@rainyrble
Sun, Apr 6, 2025 5:41 PM
Sun, Apr 6, 2025 6:18 PM
啊對，模型要動的部位，要在模型下的Parameters（圖為Hierachy視窗 ）
https://images.plurk.com/79iixmjigC3owCYEvuQTmJ.png
分別加上CubismLookTargetParameter
https://images.plurk.com/7zxqmYC32qyL8rOAtM2Ibz.png
雨兔
@rainyrble
Sun, Apr 6, 2025 5:43 PM
那個Parameters應該就是對應在Live2D中所做的參數
雨兔
@rainyrble
Sun, Apr 6, 2025 5:48 PM
Sun, Apr 6, 2025 5:49 PM
應該 就這樣吧（？
https://images.plurk.com/3uQIGHo3ZKtedNrHTOdDuf.png
其實我模型根本就沒做完，一件事做太久就會想做點別的，像是研究如何在unity用它（？
載入新的回覆