Plug-in to display characters on Live2d while displaying conversation window

フォーラムルール
素材の利用規約を決めたいけど、どんなことを書けばいいのか分からない場合は、
素材のテンプレートをご利用下さい。
アバター
Slip
記事: 40
登録日時: 2016年7月06日(水) 22:05
連絡を取る:

Plug-in to display characters on Live2d while displaying conversation window

投稿記事by Slip » 2018年6月26日(火) 11:41

日本語版はこちらになります
↓会話表示中にLive2dでキャラクターを表示させるプラグイン
https://tm.lucky-duet.com/viewtopic.php?f=5&t=1610

[Overview]
Plug-in to display characters on Live2d while displaying conversation window

[Preparation]
1.Download Live2DCubismSDK2 (ver2.1.00_bata1_1) from the following site.
http://sites.cybernoids.jp/cubism-sdk2/webgl2-1

2.Unzip the folder.
3.Change the file name of live2d.min.js in the folder to live2d_min.js.
4.DL plug-in file from below.
https://github.com/MrSlip777/talk_live2d

[Code modification procedure from new creation]
When conducting from the creation of a new project, the following procedure is taken.

1.Create a new project.
2.Place the following files in the folder plagins.

・Live2DInterfaceMV.js
・live2d_min.js
・Live2DPlatformManager.js
・Live2DFramework.js
・Live2DModelElement.js
・Live2DMatrix-common.js
・Live2DMatrix-mat4.js
・ALT_StandingPictureMove.js

3.Plug-in management is arranged in the following order.
・Live2DInterfaceMV.js
・live2d_min.js
・Live2DPlatformManager.js
・Live2DFramework.js
・Live2DModelElement.js
・Live2DMatrix-common.js
・Live2DMatrix-mat4.js
・ALT_StandingPictureMove.js

4.Deploy Live2d data (following the procedure below)

[Arrangement and setting procedure of Live2d related files]
1. Modify (Live2d model name).model.json
* In the following example, expression_XX.exp.json and expression_XX.mtn are set as much as created by Cubism.

コード: 全て選択

//example
"expressions":[
{"name":"expression_00","file":"expressions/expression_00.exp.json"},
{"name":"expression_01","file":"expressions/expression_01.exp.json"},
{"name":"expression_02","file":"expressions/expression_02.exp.json"},
{"name":"expression_03","file":"expressions/expression_03.exp.json"},
{"name":"expression_04","file":"expressions/expression_04.exp.json"}
],
"motions":
{
"expression":
[
{"file":"motions/expression_00.mtn" ,"fade_in":1000, "fade_out":1000},
{"file":"motions/expression_01.mtn" ,"fade_in":1000, "fade_out":1000},
{"file":"motions/expression_02.mtn" ,"fade_in":1000, "fade_out":1000},
{"file":"motions/expression_03.mtn" ,"fade_in":1000, "fade_out":1000}
]
},


1.1 Open the modified json file in Notepad and save it in the following format
77F0100A-5435-4883-A2A5-2A1C74993490.png


2.Place Live2d data in the folders below.
※expressions folder include expressions_XX.exp.json(※expression_00~expression_32)

/img/pictures/(Live2d model name)
├─expressions
|  ├─expressions_00.exp.json
|  ├─expressions_01.exp.json
|  ├─…
|  └─expressions_07.exp.json

├─(Live2d model name).2048
|  └─texture_00.png

├─motions
|  ├─expressions_00.mtn
|  ├─expressions_01.mtn
|  ├─…
|  └─expressions_07.mtn

├─(Live2d model name).model.json
└─(Live2d model name).moc

3.Activate RPGmakerMV.
4.In plug-in management, change the value of ALT_StandingPictureMove as follows

Stand_1_CharacterName:Name
Stand_2_FileName:img/pictures/(Live2d model name)/(Live2d model name).model.json

5.Set the following plug-in command on the event editor.

example)
SPM Name expression1 left SlideIn 10
https://www.youtube.com/watch?v=Qw1ajehpJ5E

Sample
http://firestorage.com/download/dfd7524ac613aa524597411d3ffffcb0abb147fc

“MV:プラグイン素材” へ戻る