Five Days - 曾经是东方⑨町

闲聊

干活干活

Posted on 2020年8月11日2020年8月11日

主要还是处理moc3模型动作影响的东西，framework里面还是有很多方法需要理解，写的很工整，但是学习是需要时间的。。。

Live 2D

Live 2D moc3 动作v3版调整完成

Posted on 2020年8月10日2020年8月10日

moc3的触发动作在sdk4.0中调用相对简单，也比较直观。

本次调整比较大的是在于预加载时的动作文件处理，和触发动作后寻找预加载文件进行执行的逻辑。

在预加载过程中，Framework先进行json文件的读取，但是由于json文件不一致，导致读取的时候没有动作名称加载进内存，所以动作无法执行。

动作预加载是以分组执行的方式进行的，用户在model3.json中可对动作进行分组，例如Idle事件，如果正确处理应该会在Idle分组中有多个动作，在待机状态下随机执行，但如果我再客户端代码中写太多干预服务器文件的重组，会导致冗余严重，所以就进行了简单处理，只对可触摸部分进行了调整。

在下一个版本，我会修改API部分，让API通过定义符合客户端要求，届时API将会有后台进行设置，欢迎各位使用者fork

感谢railzy提出的建议，也感谢各位使用者。

Live 2D

WordPress Live 2D 1.7.8_beta 版本更新

Posted on 2020年8月7日

此版本为测试版本，请在github上下载更新
新增后台设置：moc3模型自定义动作，提供给Cubism Editor 3.x版本的模型明确指定动作文件使用
lapplive2dmanager.ts 的 onTap 方法：增加判断自定义的hitAreaList，用户可在WP后台对hitAreaList进行设置
对缩放算法进行修正，由原有lapplive2dmanager.ts 的 onUpdate 方法中计算 projection.scale(zoom, (zoom * width) / height); 改为使用Framework/math/cubismmodelmatrix.ts 中的构造方法this.setHeight(zoom); 进行控制，以确保缩放时触摸区域同比例缩放。
此版本为本地调整版本，下一个版本将直接修改API，从源头来保证生成的文件可被动作调用。
具体调整细节请看上一篇文章中的调整过程。

Live 2D

对于Live2D的Motion可以成功读取

Posted on 2020年8月5日2020年8月6日

在官方framework里面有一个motion3.json的parse方法，他会转换json中的动作，给到group动作组，提供后续触碰支持，在1.7.3版本中已经实际安装，此版本的debug版已经上传至github，debug版本安装后将会加载并反馈点击模型后触发的提示，如果可以，请协助我安装debug版本，并在留言处留下你的网址。

注意：debug版本会扰乱控制台内容，经常输出很多字符，请慎重安装。

https://github.com/jiangweifang/wp-live2d/releases/tag/1.7.3_dev

lappmodel.ts 的 375 行 loadCubismMotion 中需要读取 model3.json含有Motions的内容

Motions的组成：

"Motions" : {
    "动作": [
        {
            "File": "motions/动作组_1.motion3.json"
        },
        {
            "File": "motions/动作组_2.motion3.json"
        },
        {
            "File": "motions/动作组_3.motion3.json"
        }
    ]
}

当前问题：
1. moc3模型制作结果由于v3版本生成和v4版本生成后结果不同，导致model3.json中对于Motions的定义有一定差异。
2. 没有动作组被触发，这个需要设置，我会在后台增加设置来配置动作触发的条件。
3. 触发动作可以在model3.json中配置好后直接使用

model3.json配置成功的例子“Hiyori”：

{
    "Version": 3,
    "FileReferences": {
        "Moc": "Hiyori.moc3",
        "Textures": [
            "Hiyori.2048/texture_00.png",
            "Hiyori.2048/texture_01.png"
        ],
        "Physics": "Hiyori.physics3.json",
        "Pose": "Hiyori.pose3.json",
        "UserData": "Hiyori.userdata3.json",
        "Motions": {
            "Idle": [
                {
                    "File": "motions/Hiyori_m01.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m02.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m03.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m05.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m06.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m07.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m08.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m09.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                },
                {
                    "File": "motions/Hiyori_m10.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                }
            ],
            "TapBody": [
                {
                    "File": "motions/Hiyori_m04.motion3.json",
                    "FadeInTime": 0.5,
                    "FadeOutTime": 0.5
                }
            ]
        }
    },
    "Groups": [
        {
            "Target": "Parameter",
            "Name": "LipSync",
            "Ids": [
                "ParamMouthOpenY"
            ]
        },
        {
            "Target": "Parameter",
            "Name": "EyeBlink",
            "Ids": [
                "ParamEyeLOpen",
                "ParamEyeROpen"
            ]
        }
    ],
    "HitAreas": [
        {
            "Id": "HitArea",
            "Name": "Body"
        }
    ]
}

例子中“动作”设置为“Idle”为待机动作，模型将会各段时间随机选择“Idle”组中的动作触发，“TapBody”为触发身体触碰时的动作。

在ExStudio中可以看到 hemin_3 有TouchBody、TouchHead、TouchSpecial网格，他们代表触碰这3个位置可以有指定动作触发，这种网格只可以在Cubism Editor工具中进行修改和创建。

鉴于以上情景，我将会在代码中增加读取motions的方法，提供给没有按照Hiyori 配置的model3.json，但是相对的，用户需要在后台对触发的位置进行定义.

闲聊

新玩具到了

Posted on 2020年8月4日

车内空气清新剂，我也说不上来是啥味道，有点诡异，可能是味道太重了吧。还有另一种味道，回头买个别的试试。

Live 2D

我们遇到了麻烦:(

Posted on 2020年7月30日

在使用MOC3模型的时候发现有动作导致无法兼容的问题，果然是偷懒不想修改官方Framework的后果么，我不太敢用经过爆改的版本，今天开始要和爆改版本进行对比，检查哪里有问题了…

Live 2D

WordPress Live 2D 1.7.1版本更新

Posted on 2020年7月29日2020年8月10日

此版本新增多语言支持，目前支持繁体中文和英文。

从本周起插件将不再每周更新，欢迎留言提出问题，我会针对问题进行修复。

moc3模型触摸的问题是需要通过工具去修改配置文件才可以

您可以使用 Live2DViewerEX 来对模型被触摸的触发点进行调整，我将会在此文章中增加教学。

Live 2D

使用moc3模型的FAQ

Posted on 2020年7月23日

我跟踪了一下使用者的网站，其实使用moc3模型的人并不多，下面我解释一下WordPress Live 2D 插件如何使用moc3模型。

什么是moc3模型
– moc3模型指的是在Live 2D Cubism Editor 3.0或更新版本生成的动态文件。

如何在本插件中使用moc3模型
– 将你准备好的moc3模型上传至目录当中，如果您准备存放github中，可以直接存储至Public项目。
– 然后请了解存放路径，并给材质API选项中填写此路径至*.model3.json
– 例如：https://cdn.jsdelivr.net/gh/jiangweifang/[email protected]_api_v4/model/kiritan/kiritan.model3.json

– 刷新页面后，您将会看到moc3模型展示至前台。
– moc3的缩放比例可能会比较小，所以您需要将模型缩放比例调整至合适大小，建议2.0，我没有进行控制是因为如果我在代码中写入2.0，其计算方式将会x2 ，例如1.1 实际计算结果将会是2.2。