vue项目引入L2Dwidget

1 引言

作为学习的乐趣之一不就是右下角快乐的小人陪吗？

2 流程

老规矩不说废话直接开始

2.1 安装需要的js

npm install -S live2d-widget

2.2 仓库地址

根据仓库找到需要的模型链接：

https://github.com/wangsrGit119/wangsr-image-bucket/tree/master/L2Dwidget

2.3 代码编写

2.3.1 导包

import { L2Dwidget } from 'live2d-widget'

2.3.2 初始化

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);
  },

3 成品

4 尾声

虽然的确这个仓库的模型有不少但绝对不止有这些！！
如果！！！ 有其他模型的xdm请联系我！！明人不说暗话我想要！！！

挂q：398529803

超级感谢！嘿嘿~