演示效果

image.png

安装方式

• 第一种方式

npm install -S live2d-widget

import {L2Dwidget} from 'live2d-widget'

.........省略......................

  created() {
        setTimeout(function () {
            L2Dwidget.init({
                model: {
                    jsonPath: 'https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/live2d-widget-model-haruto/assets/haruto.model.json',
                }
            });
        },1000);
    }

• 第二种方式

引入https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/js/L2Dwidget.min.js

<script>
L2Dwidget.init({
  model: {
    jsonPath: 'https://cdn.jsdelivr.net/gh/wangsrGit119/wangsr-image-bucket/L2Dwidget/live2d-widget-model-haruto/assets/haruto.model.json',
  }
});

</script>

• 模型下载

git clone  https://github.com/xiazeyu/live2d-widget-models

image.png

image.png