跳至主要內容

关于Live2D

Mahiru大约 1 分钟

关于Live2D

本引擎现已支持使用 live2D 立绘。如果你要使用 live2D 立绘,请遵循以下步骤:

相关信息

注意:以下步骤都需要基于 WebGAL 源代码操作,你可以在 GitHub 找到 WebGAL 的源代码。

WebGAL 源代码open in new window

1、自行取得 live2D 的授权

2、到 https://cdn.jsdelivr.net/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.jsopen in new windowhttps://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.jsopen in new window 分别下载 live2D 和 cubismcore

3、分别重命名为 live2d.min.jslive2dcubismcore.min.js ,然后将文件放到packages/webgal/public/lib,然后到 packages/webgal/index.html,取消注释以下两行,使其变为:

<script src="lib/live2d.min.js" ></script>
<script src="lib/live2dcubismcore.min.js"></script>

4、到 packages/webgal/src/Core/controller/stage/pixi/PixiController.ts ,取消注释
import { Live2DModel, SoundManager } from 'pixi-live2d-display';public addLive2dFigure(key: string, jsonPath: string, pos: string, motion: string) {...... 取消注释这一整个函数}

注意:如果 IDE 提示有未导入的变量,请根据提示导入。

5、到 packages/webgal/src/Components/Stage/MainStage/useSetFigure.ts 取消注释 return WebGAL.gameplay.pixiStage?.addLive2dFigure(...args);

6、现在开始你可以使用 live2D 作为立绘了。你需要将整个模型的目录放入 game/figure 目录中,调用立绘的方法是调用立绘的 json 文件。

注意:本项目的作者没有使用任何 live2D SDK 的源码和模型,由于使用 live2D 造成的任何版权纠纷,皆由二次开发者或制作者自行承担!

7、如果你需要构建生产包,或在 WebGAL Terre 中使用,请运行 yarn build 指令构建 WebGAL。完成后,请参考 如何使用定制引擎 使用修改后的引擎。

切换动作和表情

你可以使用 -motion=motionName-expression=expressionName 参数来切换表情,如:

changeFigure:xxx.json -motion=angry -expression=angry01;