Blog park introduced a translucent billboards Niang

Original link: http://www.cnblogs.com/yingyigongzi/p/11016657.html

Reference: https: //www.cnblogs.com/zzc2018/p/10662149.html

Code (add in the blog sidebar announcement set)

<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/[email protected]/assets/chitose.model.json",<!--这里改模型，前面后面都要改-->
            "scale": 1
        },
        "display": {
            "position": "right",<!--设置看板娘的上下左右位置-->
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,<!--设置透明度-->
            "opacityOnHover": 0.2
        }
    });
</script>

The model name can be replaced

2D model Full name:

live2d-widget-model-chitose (pro-test, you can continue to use: jsonPath: "https://unpkg.com/live2d-widget-model-chitose/assets/chitose.model.json",<!- replace this of the code, such change ->)
live2d-widget-model-epsilon2_1 (already cool, unavailable)
live2d-widget-model-gf (already cool, unavailable)
live2d-widget-model-haru / 01 (use npm install --save live2d-widget-model-haru) (did not test successful, may have been cold, unavailable)
live2d-widget-model-haru / 02 (use npm install --save live2d-widget-model-haru) (did not test successful, may have been cold, unavailable)
live2d-widget-model-haruto (pro-test, you can continue to use: jsonPath: "https://unpkg.com/live2d-widget-model-haruto/assets/haruto.model.json",<!- replace this of the code, such change ->)
live2d-widget-model-hibiki (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-hibiki/assets/hibiki.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-hijiki (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-izumi (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-izumi/assets/izumi.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-koharu (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-koharu/assets/koharu.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-miku (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-miku/assets/miku.model.json",<!-替换成这段代码，改成这样效果：一只初音--> )
live2d-widget-model-ni-j (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-ni-j/assets/ni-j.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-nico (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-nico/assets/nico.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-nietzsche （已凉，不可用）
live2d-widget-model-nipsilon (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-nipsilon/assets/nipsilon.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-nito (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-nito/assets/nito.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-shizuku (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-shizuku/assets/shizuku.model.json",<!-替换成这段代码，改成这样效果：坐在课桌前的妹子--> )
live2d-widget-model-tororo (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-tororo/assets/tororo.model.json",<!-替换成这段代码，改成这样效果：一只白猫--> )
live2d-widget-model-tsumiki (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-tsumiki/assets/tsumiki.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-unitychan (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-unitychan/assets/unitychan.model.json",<!-替换成这段代码，改成这样--> )
live2d-widget-model-wanko （已凉，不可用）
live2d-widget-model-z16 (亲测，还可以继续用： jsonPath: "https://unpkg.com/live2d-widget-model-z16/assets/z16.model.json",<!-替换成这段代码，改成这样--> )