vue项目引入L2Dwidget
1 引言作为学习的乐趣之一不就是右下角快乐的小人陪吗?2 流程老规矩不说废话直接开始2.1 安装需要的jsnpm install -S live2d-widget2.2 仓库地址根据仓库找到需要的模型链接:https://github.com/wangsrGit119/wangsr-image-bucket/tree/master/L2Dwidget2.3 代码编写2.3.1 导包import {
·
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
超级感谢!嘿嘿~
更多推荐
目录
所有评论(0)