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

超级感谢!嘿嘿~

Logo

前往低代码交流专区

更多推荐