Live2D plugin for PixiJS (with lipsync patch (with multi-motion))
npm install pixi-live2d-display-mulmotionlive2dcubismcore.min.js,可以从 Cubism 4 SDK
live2d.min.js,从 2019/9/4 起
cubism2.js 和 cubism4.js,以及一个同时包含了两种版本的 index.js
index.js,_而不要同时使用_ cubism2.js 和 cubism4.js
cubism2.js+live2d.min.js 以支持 Cubism 2.1 模型
cubism4.js+live2dcubismcore.min.js 以支持 Cubism 3 和 Cubism 4 模型
index.js+live2d.min.js+live2dcubismcore.min.js 以支持所有版本的模型
sh
npm install pixi-live2d-display-mulmotion
`
`js
import { Live2DModel } from 'pixi-live2d-display-mulmotion';
// 如果只需要 Cubism 2.1
import { Live2DModel } from 'pixi-live2d-display-mulmotion/cubism2';
// 如果只需要 Cubism 4
import { Live2DModel } from 'pixi-live2d-display-mulmotion/cubism4';
`
#### 通过 CDN (口型同步修改版 / 多动作播放未支持)
`html
`
通过这种方式加载的话,所有成员都会被导出到 PIXI.live2d 命名空间下,比如 PIXI.live2d.Live2DModel
基础使用
参阅此处: pixi-live2d-display-lipsync
多动作同步播放
`ts
model.parallelMotion([
{group: motion_group1, index: motion_index1, priority: MotionPriority.NORMAL},
{group: motion_group2, index: motion_index2, priority: MotionPriority.NORMAL},
]);
`
若需要同步播放表情、声音等请使用model.motion/model.speak播放其中一个动作,其余动作用model.parallelMotion播放。列表中按照index每一项都有独立的优先级控制,和model.motion`逻辑一致。