About Live2D
About Live2D
The engine now supports using Live2D illustrations. If you want to use Live2D illustrations, please:
Obtain the authorization of Live2D by yourself
Download Live2D and Cubismcore from https://cdn.jsdelivr.net/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.js and https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js respectively
Rename them to
live2d.min.js
andlive2dcubismcore.min.js
respectively, then put the files inpackages/webgal/public/lib
, then go topackages/webgal/index.html
, uncomment the following two lines to make them:
<script src="lib/live2d.min.js" ></script>
<script src="lib/live2dcubismcore.min.js"></script>
- Go to
packages/webgal/src/Core/controller/stage/pixi/PixiController.ts
, uncommentimport { Live2DModel, SoundManager } from 'pixi-live2d-display';
andpublic addLive2dFigure(key: string, jsonPath: string, pos: string, motion: string) {...... uncomment this whole function}
Note: If the IDE prompts that there are unimported variables, please import them according to the prompts.
Go to
packages/webgal/src/Components/Stage/MainStage/useSetFigure.ts
and uncommentreturn WebGAL.gameplay.pixiStage?.addLive2dFigure(...args);
Now you can start using Live2D as illustrations. You need to put the directory of the entire model in the
game/figure
directory. The way to call the illustration is to call the JSON file of the illustration.
Note: The author of this project did not use any source code and models of Live2D SDK. Any copyright disputes caused by the use of Live2D shall be borne by the secondary developer or producer!
Switch actions and expressions
You can use the -motion=motionName
or -expression=expressionName
parameters to switch expressions, such as:
changeFigure:xxx.json -motion=angry -expression=angry01;