Dynamic load live2d lib doc

Author: ClodLingxi

src/live2D.md

@@ -2,7 +2,7 @@
 本引擎现已支持使用 live2D 立绘。如果你要使用 live2D 立绘，请遵循以下步骤：
 
 :::info
-注意：以下步骤都需要基于 WebGAL 源代码操作，你可以在 GitHub 找到 WebGAL 的源代码。
+注意：以下某些步骤基于 WebGAL 源代码操作，你可以在 GitHub 找到 WebGAL 的源代码。
 
 [WebGAL 源代码](https://github.com/OpenWebGAL/WebGAL)
 
@@ -13,24 +13,16 @@
 
 2、到 https://cdn.jsdelivr.net/gh/dylanNew/live2d/webgl/Live2D/lib/live2d.min.js 和 https://cubism.live2d.com/sdk-web/cubismcore/live2dcubismcore.min.js 分别下载 live2D 和 cubismcore
 
-3、分别重命名为 `live2d.min.js` 和 `live2dcubismcore.min.js` ，然后将文件放到`packages/webgal/public/lib`，然后到 `packages/webgal/index.html`,取消注释以下两行，使其变为：
-```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 提示有未导入的变量，请根据提示导入。
+3、分别重命名为 `live2d.min.js` 和 `live2dcubismcore.min.js` ，然后将文件放到**指定目录**
 
-5、到 `packages/webgal/src/Components/Stage/MainStage/useSetFigure.ts` 取消注释 `return WebGAL.gameplay.pixiStage?.addLive2dFigure(...args);`
+- 定制引擎目录：`[WebGal]/assets/templates/Derivative_Engine/[你的定制引擎]/lib`
+- 游戏目录（作用于单个项目）：`[WebGal]/public/games/[你的游戏]/lib`
+- WebGal源码目录：`[WebGal源码]/packages/webgal/public/lib`
 
-6、现在开始你可以使用 live2D 作为立绘了。你需要将整个模型的目录放入 `game/figure` 目录中，调用立绘的方法是调用立绘的 json 文件。
+4、现在开始你可以使用 live2D 作为立绘了。你需要将整个模型的目录放入 `game/figure` 目录中，调用立绘的方法是调用立绘的 json 文件。
 
 **注意：本项目的作者没有使用任何 live2D SDK 的源码和模型，由于使用 live2D 造成的任何版权纠纷，皆由二次开发者或制作者自行承担！**
 
-7、如果你需要构建生产包，或在 WebGAL Terre 中使用，请运行 `yarn build` 指令构建 WebGAL。完成后，请参考 [如何使用定制引擎](derivative) 使用修改后的引擎。
-
 ## 切换动作和表情
 
 你可以使用 `-motion=motionName` 或 `-expression=expressionName` 参数来切换表情，如：