二次元日系游戏制作工具 - live2dSDK入门教程

梦里梦外; 2022-02-22 14:52 1161阅读 0赞

### 1.Live2d的sdk接入与素材模型的导入 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70][]

导入该素材模型和Live2d的sdk

![20190409192216351.png][]

Live2D模型制作到显示的基本流程：

1.初始化模型。  
      
    1.制作模型（读取moc文件）。  
      
    2.与贴图建立关联。  
      
    3.与绘图环境建立链接。（有些平台不需要）。

4.制定显示位置与尺寸。

2.更新模型状态。

1.更新顶点。

2.绘图。

### Live2d虚拟环境的初始化与模型读取的第一种方法 ###

void Start () {
    
            //初始化
            Live2D.init();
    
            //释放
            //Live2D.dispose();
    
            //读取模型
            Live2DModelUnity.loadModel(Application.dataPath + "/Resources/Epsilon/runtime/Epsilon.moc");
    	}

### 以二进制形式去读取模型 ###

现将素材的.moc文件添加后缀为.moc.bytes,然后在输入下面的代码

TextAsset mocFile = Resources.Load<TextAsset>("Epsilon/runtime/Epsilon.moc");
            Live2DModelUnity.loadModel(mocFile.bytes);

### 模型与贴图建立关联（单张贴图） ###

//与贴图建立关联
            Texture2D texture2D = Resources.Load<Texture2D>("");
            live2DModel.setTexture(0,texture2D);

### 多张贴图的设置方法 ###

//与多张贴图建立关联
            Texture2D texture2D1 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_00");
            Texture2D texture2D2 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_01");
            Texture2D texture2D3 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_02");
            live2DModel.setTexture(0, texture2D1);
            live2DModel.setTexture(1, texture2D2);
            live2DModel.setTexture(2, texture2D2);

### 创建负责渲染Live2dCanvas的4乘4矩阵与赋值 ###

private Live2DModelUnity live2DModel;
    
     //制定显示位置与尺寸
     float modelWidth = live2DModel.getCanvasWidth();
    
     live2DCanvansPos = Matrix4x4.Ortho(0, modelWidth, modelWidth, 0, -50, 50);

### 给模型设置显示矩阵与更新和绘图的方法使用 ###

在Update添加更新顶点的代码以及添加OnRenderObject的方法

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using live2d;
    
    public class Live2dModel : MonoBehaviour {
    
        public TextAsset modelFile;
        public Texture2D[] textures;
    
        private Live2DModelUnity live2DModel;
    
        private Matrix4x4 live2DCanvansPos;
    	
    	void Start () {
    
            //初始化
            Live2D.init();
    
            //释放
            //Live2D.dispose();
    
            //读取模型
            //Live2DModelUnity.loadModel(Application.dataPath + "/Resources/Epsilon/runtime/Epsilon.moc");
            //TextAsset mocFile = Resources.Load<TextAsset>("Epsilon/runtime/Epsilon.moc");
    
            live2DModel = Live2DModelUnity.loadModel(modelFile.bytes);
    
            //与贴图建立关联
            //Texture2D texture2D = Resources.Load<Texture2D>("");
            //live2DModel.setTexture(0,texture2D);
    
            //与多张贴图建立关联
            //Texture2D texture2D1 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_00");
            //Texture2D texture2D2 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_01");
            //Texture2D texture2D3 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_02");
            //live2DModel.setTexture(0, texture2D1);
            //live2DModel.setTexture(1, texture2D2);
            //live2DModel.setTexture(2, texture2D2);
            for (int i = 0; i < textures.Length; i++)
            {
                live2DModel.setTexture(i, textures[i]);
            }
    
            //制定显示位置与尺寸
            float modelWidth = live2DModel.getCanvasWidth();
    
            live2DCanvansPos = Matrix4x4.Ortho(0, modelWidth, modelWidth, 0, -50, 50);      
        }
    	
    	
    	void Update ()
        {
            live2DModel.setMatrix(transform.localToWorldMatrix * live2DCanvansPos);
            //更新顶点
            live2DModel.update();
        }
    
        private void OnRenderObject()
        {
            live2DModel.draw();
        }
    }

运行程序，结果如下：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 1][]

### 动作文件的加载与动作对象的实例化 ###

两种实例化对象动作的方式，与模型的读取操作一样

//实例化动作对象
            live2DMotionIdle = Live2DMotion.loadMotion(Application.dataPath + "");
    
            TextAsset mtnFile = Resources.Load<TextAsset>("");
            live2DMotionIdle = Live2DMotion.loadMotion(mtnFile.bytes);

### 动作属性的设置与动作管理的实例化 ###

首先将动作属性进行导入

public TextAsset[] motionFile;
    
        private Live2DMotion[] motions;
    
             motions = new Live2DMotion[motionFile.Length];
            for (int i = 0; i < motions.Length; i++)
            {
                motions[i] = Live2DMotion.loadMotion(motionFile[i].bytes);
            }

对某一动作属性进行设置

//设置某一个动画的一些属性
            //重复播放不淡入
            motions[0].setLoopFadeIn(false);
            //设置淡入淡出时间，参数单位为毫秒
            motions[0].setFadeOut(1000);
            motions[0].setFadeIn(1000);
            //动画是否循环播放
            motions[0].setLoop(true);

创建一个MotionQueueManager对motions进行管理

private MotionQueueManager motionQueueManager;
    
    
            motionQueueManager = new MotionQueueManager();
            motionQueueManager.startMotion(motions[0]);

### 动作的播放 ###

按下M键可以改变人物的动作播放，将动作拖入Unity时也需要将动作的mtn文件修改为mtn.bytes。

using System.Collections;
    using System.Collections.Generic;
    using UnityEngine;
    using live2d;
    
    public class Live2dModel : MonoBehaviour {
    
        //模型
        public TextAsset modelFile;
        public Texture2D[] textures;
        private Live2DModelUnity live2DModel;
        private Matrix4x4 live2DCanvansPos;
    
        //动作
        public TextAsset[] motionFile;
        private Live2DMotion[] motions;
        private MotionQueueManager motionQueueManager;
    
        public int motionIndex;
    
        //private Live2DMotion live2DMotionIdle;
    	
    	void Start () {
    
            //初始化
            Live2D.init();
    
            //释放
            //Live2D.dispose();
    
            //读取模型
            //Live2DModelUnity.loadModel(Application.dataPath + "/Resources/Epsilon/runtime/Epsilon.moc");
            //TextAsset mocFile = Resources.Load<TextAsset>("Epsilon/runtime/Epsilon.moc");
    
            live2DModel = Live2DModelUnity.loadModel(modelFile.bytes);
    
            //与贴图建立关联
            //Texture2D texture2D = Resources.Load<Texture2D>("");
            //live2DModel.setTexture(0,texture2D);
    
            //与多张贴图建立关联
            //Texture2D texture2D1 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_00");
            //Texture2D texture2D2 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_01");
            //Texture2D texture2D3 = Resources.Load<Texture2D>("Epsilon/runtime/Epsilon.1024/texture_02");
            //live2DModel.setTexture(0, texture2D1);
            //live2DModel.setTexture(1, texture2D2);
            //live2DModel.setTexture(2, texture2D2);
            for (int i = 0; i < textures.Length; i++)
            {
                live2DModel.setTexture(i, textures[i]);
            }
    
            //制定显示位置与尺寸
            float modelWidth = live2DModel.getCanvasWidth();
            live2DCanvansPos = Matrix4x4.Ortho(0, modelWidth, modelWidth, 0, -50, 50);
    
            //播放动作
            //实例化动作对象
            //live2DMotionIdle = Live2DMotion.loadMotion(Application.dataPath + "");
    
            //TextAsset mtnFile = Resources.Load<TextAsset>("");
            //live2DMotionIdle = Live2DMotion.loadMotion(mtnFile.bytes);
            motions = new Live2DMotion[motionFile.Length];
            for (int i = 0; i < motions.Length; i++)
            {
                motions[i] = Live2DMotion.loadMotion(motionFile[i].bytes);
            }
    
            //设置某一个动画的一些属性
            //重复播放不淡入
            motions[0].setLoopFadeIn(false);
            //设置淡入淡出时间，参数单位为毫秒
            motions[0].setFadeOut(1000);
            motions[0].setFadeIn(1000);
            //动画是否循环播放
            motions[0].setLoop(true);
    
            motionQueueManager = new MotionQueueManager();
            motionQueueManager.startMotion(motions[0]);
        }
    	
    	
    	void Update ()
        {
            live2DModel.setMatrix(transform.localToWorldMatrix * live2DCanvansPos);
    
            if (Input.GetKeyDown(KeyCode.M))
            {
                motionIndex++;
                if (motionIndex >= motions.Length)
                {
                    motionIndex = 0;
                }
                motionQueueManager.startMotion(motions[motionIndex]);
            }
    
            //指定播放动作的模型
            motionQueueManager.updateParam(live2DModel);
    
            //更新顶点
            live2DModel.update();
        }
    
        private void OnRenderObject()
        {
            live2DModel.draw();
        }
    }

![20190409205802985.png][]![2019040920583737.png][]![20190409205906442.png][]

### 多个动作的同时播放 ###

多个动作同时播放只需要多创建一个MotionQueueManger来进行管理

private MotionQueueManager motionQueueManager;
    
    private MotionQueueManager motionQueueManagerA;
    
            motions[0].setLoop(true);
    
            motionQueueManager = new MotionQueueManager();
            motionQueueManager.startMotion(motions[0]);
    
            motions[5].setLoop(true);
    
            motionQueueManagerA = new MotionQueueManager();
            motionQueueManagerA.startMotion(motions[5]);
    
            motionQueueManager.updateParam(live2DModel);
            motionQueueManagerA.updateParam(live2DModel);

![20190409212420790.png][]

### 动作的优先级概念与设置标准 ###

使用L2DMotionManager来对行为优先级进行管理

private L2DMotionManager l2DMotionManager;
        //优先级的设置标准“
        //1.动作未进行的状态，优先级为0；
        //2.待机动作发生时，优先级为1；
        //3.其他动作进行时，优先级为2；
        //4.无视优先级，强制发生动作，优先级为3

### 动作优先级的代码实现 ###

首先在Start里面进行L2DMotionManager的初始化

l2DMotionManager = new L2DMotionManager();

然后写一个通过优先级播放动作的方法StartMotion

private void StartMotion(int motionIndex,int priority)
        {
            if (l2DMotionManager.getCurrentPriority() >= priority)
            {
                return;
            }
            else
            {
                l2DMotionManager.startMotion(motions[motionIndex]);
            }
        }

在Update里面进行使用调用

//判断待机动作
            if (l2DMotionManager.isFinished())
            {
                StartMotion(0, 1);
            }
            else if (Input.GetKeyDown(KeyCode.M))
            {
                StartMotion(14, 2);
            }
    
            l2DMotionManager.updateParam(live2DModel);

开始时处于Idle状态，按下M后会变成摇头不高兴，播放完自己又会变成Idle

![20190409215801589.png][]![20190409215837913.png][]![20190409215945681.png][]

### 设置参数的方法 ###

首先根据Epsilon.cmox文件把需要设置参数的id取出来，如图所示，取到角度X的id为PARAM\_ANGLE\_X

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 2][]

然后在Update里面添加下面的代码进行参数设置，第一个是id，第二个是需要设置的值，第三个是权重。

//设置参数
            live2DModel.setParamFloat("PARAM_ANGLE_X", 30, 1);

![20190410192850639.png][]

### 参数的累加与扩大倍数的方法 ###

//设置参数
            live2DModel.setParamFloat("PARAM_ANGLE_X", 30, 1);
            //累加参数数值，一次增加10度
            live2DModel.addToParamFloat("PARAM_ANGLE_X", 10);
            //乘法设置参数
            live2DModel.multParamFloat("PARAM_ANGLE_X", 10);

### 通过索引获取参数并设置与参数的保存和回复 ###

通过索引获取参数

//第二种设置参数的办法,通过索引去设置
            int paramAngleX;
            paramAngleX = live2DModel.getParamIndex("PARAM_ANGLE_X");
            live2DModel.setParamFloat(paramAngleX, 30);

参数的保存和回复

参数的保存与回复
            live2DModel.setParamFloat("PARAM_ANGLE_X", 30);
            保存与回复的参数是整个模型的所有参数，并不只是之前同方法里设置的几个参数
            live2DModel.saveParam();
            live2DModel.loadParam();

### 不透明度的设置与自动眨眼功能 ###

不透明度的设置，需要设置的是模型的part部分

//设定模型某一部分的透明度
            live2DModel.setPartsOpacity("PARTS_01_FACE_001", 0);

眨眼功能的实现，首先定义一个EyeBlinkMotion的类

private EyeBlinkMotion eyeBlinkMotion;

然后在Start方法里进行初始化

//眨眼
            eyeBlinkMotion = new EyeBlinkMotion();

在Update方法里面进行调用

//眨眼
            eyeBlinkMotion.setParam(live2DModel);

### 拖拽激发的动作 ###

拖拽功能的实现，首先定义一个L2DTargetPoint的类

//鼠标拖拽引起的动作变化
        private L2DTargetPoint drag;

然后在Start方法里进行初始化

//鼠标拖拽
            drag = new L2DTargetPoint();

在Update方法里面进行调用

//模型跟随鼠标转向与看向
            Vector3 pos = Input.mousePosition;
            if (Input.GetMouseButton(0))
            {
                //把屏幕坐标转换成live2D检测的坐标
                drag.Set(pos.x / Screen.width * 2 - 1, pos.y / Screen.height * 2 - 1);
            }

### 关于L2DTargetPoint获取坐标点的详细讲解 ###

//模型跟随鼠标转向与看向
            //得到的live2d鼠标检测点的比例值是-1到1（对应一个live2d拖拽
            //管理坐标系，或者叫做影响度）。
            //然后通过这个值去设置我们的参数，比如旋转30度*当前得到的值
            //就会按照这个值所带来的影响度去影响我们的模型动作
            //从而到达看向某一个点的位置

### 公式的验证与理解 ###

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 3][]

### 实现模型跟随鼠标转向与看向的功能 ###

在Update里面添加代码

Vector3 pos = Input.mousePosition;
            if (Input.GetMouseButton(0))
            {
                //把屏幕坐标转换成live2D检测的坐标
                drag.Set(pos.x / Screen.width * 2 - 1, pos.y / Screen.height * 2 - 1);
            }
            else if (Input.GetMouseButtonUp(0))
            {
                drag.Set(0, 0);
            }
    
            //参数及时更新，考虑加速度等自然因素,计算坐标，进行逐帧更新
            drag.update();
    
            //模型的转向
            if(drag.getX()!=0)
            {
                live2DModel.setParamFloat("PARAM_ANGLE_X", 30 * drag.getX());
                live2DModel.setParamFloat("PARAM_ANGLE_Y", 30 * drag.getY());
    
                live2DModel.setParamFloat("PARAM_BODY_ANGLE_X", 10 * drag.getX());
                //眼睛跟随鼠标移动
                //live2DModel.setParamFloat("PARAM_EYE_BALL_X", drag.getX());
                //live2DModel.setParamFloat("PARAM_EYE_BALL_Y", drag.getY());
                //眼睛只望向前方
                live2DModel.setParamFloat("PARAM_EYE_BALL_X", -drag.getX());
                live2DModel.setParamFloat("PARAM_EYE_BALL_Y", -drag.getY());
            }

眼睛跟随鼠标移动

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 4][]

眼睛只望向前方

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 5][]

### 套用物理运算去设置头发的长度重量与收到的空气阻力 ###

头发摇摆功能的实现，首先定义一个PhysicsHair的类

//物理运算的设定(本模型头发只有两侧和后侧)
        private PhysicsHair physicsHairSide;
        private PhysicsHair physicsHairBack;

然后在Start方法里进行初始化和设置

//头发的摇摆
            physicsHairSide = new PhysicsHair();
            physicsHairBack = new PhysicsHair();
            //套用物理运算
            //第一个参数是长度 单位是公尺 影响摇摆的快慢(周期）
            //第二个参数是空气阻力
            //第三参数是头发的重量
            physicsHairSide.setup(0.2f, 0.5f, 0.14f);

### 设置影响头发的输入参数 ###

## ##

//设置输入参数
            //社会哪一个部分变动时进行哪一种物理运算
            PhysicsHair.Src srcX = PhysicsHair.Src.SRC_TO_X;//横向摇摆
            //第三个参数，"PARAM_ANGLE_X"变动时头发受到0.005倍影响度的输入参数
            physicsHairSide.addSrcParam(srcX, "PARAM_ANGLE_X", 0.005f, 1);

### 设置头发的输出表现 ###

因为该模型头发有两边，所以我们将之前设置的Hair都分成两个，为Left和Right。

//设置输出表现
            PhysicsHair.Target targetLeft = PhysicsHair.Target.TARGET_FROM_ANGLE;//表现形式
            PhysicsHair.Target targetRight = PhysicsHair.Target.TARGET_FROM_ANGLE;
    
            physicsHairSideLeft.addTargetParam(targetLeft, "PARAM_HAIR_SIDE_L", 0.005f, 1);
            physicsHairSideRight.addTargetParam(targetRight, "PARAM_HAIR_SIDE_R", 0.005f, 1);

### 两边头发的横向摇摆效果 ###

在Update里面进行调用

//头发摇摆
            long time = UtSystem.getUserTimeMSec();//获取执行时间
            physicsHairSideLeft.update(live2DModel, time);
            physicsHairSideRight.update(live2DModel, time);

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 6][]

### 设置后边左边头发的摇摆效果 ###

在Start里面添加下面的代码

//左边的头发
            physicsHairBackLeft = new PhysicsHair();
            physicsHairBackLeft.setup(0.24f, 0.5f, 0.18f);
            PhysicsHair.Src srcXBackLeft = PhysicsHair.Src.SRC_TO_X;
            PhysicsHair.Src srcZBackLeft = PhysicsHair.Src.SRC_TO_G_ANGLE;
    
            physicsHairBackLeft.addSrcParam(srcXBackLeft, "PARAM_ANGLE_X", 0.005f, 1);
            physicsHairBackLeft.addSrcParam(srcZBackLeft, "PARAM_ANGLE_Z", 0.8f, 1);
    
            PhysicsHair.Target targetBackLeft = PhysicsHair.Target.TARGET_FROM_ANGLE;
            physicsHairBackLeft.addTargetParam(targetBackLeft, "PARAM_HAIR_BACK_L", 0.005f, 1);
    
            //右边的头发
            physicsHairBackRight = new PhysicsHair();
            physicsHairBackRight.setup(0.24f, 0.5f, 0.18f);
            PhysicsHair.Src srcXBackRight = PhysicsHair.Src.SRC_TO_X;
            PhysicsHair.Src srcZBackRight = PhysicsHair.Src.SRC_TO_G_ANGLE;
    
            physicsHairBackRight.addSrcParam(srcXBackRight, "PARAM_ANGLE_X", 0.005f, 1);
            physicsHairBackRight.addSrcParam(srcZBackRight, "PARAM_ANGLE_Z", 0.8f, 1);
    
            PhysicsHair.Target targetBackRight = PhysicsHair.Target.TARGET_FROM_ANGLE;
            physicsHairBackRight.addTargetParam(targetBackRight, "PARAM_HAIR_BACK_R", 0.005f, 1);

在Update里面添加下面的代码

physicsHairBackLeft.update(live2DModel, time);
            physicsHairBackRight.update(live2DModel, time);

### Live2d中的表情系统 ###

首先定义三个变量

//表情
        public TextAsset[] expressionFile;
        public L2DExpressionMotion[] expressions;
        private MotionQueueManager expressionMotionQueueManager;

在Start里面进行初始化

//表情
            expressionMotionQueueManager = new MotionQueueManager();
            expressions = new L2DExpressionMotion[expressionFile.Length];
            for (int i = 0; i < expressions.Length; i++)
            {
                expressions[i] = L2DExpressionMotion.loadJson(expressionFile[i].bytes);
            }

### 表情的播放 ###

Update里面添加播放表情的代码，与播放动作的代码相似

//播放表情
            if (Input.GetKeyDown(KeyCode.M))
            {
                motionIndex++;
                if (motionIndex >= expressions.Length)
                {
                    motionIndex = 0;
                }
                expressionMotionQueueManager.startMotion(expressions[motionIndex]);
            }

![20190411204418596.png][]![20190411204442281.png][]![20190411204520402.png][]

## ##

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70]: /images/20220222/8555334ca42942768c8f0b6d3f98d3bd.png
[20190409192216351.png]: /images/20220222/9b0783f2b3b14c79828ad5bf57805e82.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 1]: /images/20220222/fcc7efe90ac64a9c9fcff83d169b9be4.png
[20190409205802985.png]: https://img-blog.csdnimg.cn/20190409205802985.png
[2019040920583737.png]: https://img-blog.csdnimg.cn/2019040920583737.png
[20190409205906442.png]: /images/20220222/17723e08c45944efbbddf0573e26948a.png
[20190409212420790.png]: /images/20220222/f2bb70e4c7d241668adc57f69a31261c.png
[20190409215801589.png]: https://img-blog.csdnimg.cn/20190409215801589.png
[20190409215837913.png]: https://img-blog.csdnimg.cn/20190409215837913.png
[20190409215945681.png]: /images/20220222/07180a81d3784afbbab754c89c6444db.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 2]: /images/20220222/ba39cadf71bc433db7e626b598dc7214.png
[20190410192850639.png]: /images/20220222/35570891b33f465d83410e7c7da9779e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 3]: /images/20220222/545a66d6c12040d2a6850af53f35b072.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 4]: /images/20220222/1fc7070a131249f8b72dceb6c1d3729a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 5]: /images/20220222/afa5d8fe75c84a028bbe945fb6d58be7.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXpodWFuamluZzE4NDk_size_16_color_FFFFFF_t_70 6]: /images/20220222/3186753135434413bfd4df9c4b82a0c5.png
[20190411204418596.png]: https://img-blog.csdnimg.cn/20190411204418596.png
[20190411204442281.png]: https://img-blog.csdnimg.cn/20190411204442281.png
[20190411204520402.png]: /images/20220222/6ac5da53bdd242b7ad15a1bfbb30230b.png