Live2D模型

关注

原创最新推荐文章于 2026-03-12 14:06:54 发布 8.4k 阅读 AI 写同款· GEO 优化 ›

基于Qt的Live2D模型显示以及控制链接库在下载的SDK目录Core/lib/windows下，我们根据自己使用的vs版本选择对应的库，v143是Vs2022，v142是Vs2019，v141是Vs2017。在vs中我们看到除了Demo项目，还有glew，glfw,framework项目，它们是用来生成链接库的，我们把他们设为启动项目然后生成一遍，得到对应链接库，之后我们要用的。到这里就基本和官方的效果差不多了，至于更多自定义修改，比如去掉背景和一些部件，模型的自定义显示，模型的切换等等，把那些控制代码看看，根据的需求修改即可。阅读详情

把以下代码添加到 html 即可：

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,
            "opacityOnHover": 0.2
        }
    });
</script>

其他可选的模型：
黑猫：https://unpkg.com/live2d-widget-model-hijiki@1.0.5/assets/hijiki.model.json
萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json
白猫：https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json
狗狗：https://unpkg.com/live2d-widget-model-wanko@1.0.5/assets/wanko.model.json
小可爱：https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json
小可爱：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json