这个博主讲的不错,很清楚,但是我实操时无法找到资源,一直报404找不到模型,苦恼了我很久也没解决,之后发现了 Evgo的项目,这就简单多了
最简单的引入Vue看板娘教程
一、项目引入
这里使用的是来自Evgo老哥的 vue-live2d
使用简单,直接引入就好。具体的可以看老哥的文档
二、简单实现
在你的项目引入(如果失败就搭个梯子,或者n'p换国内镜像)
npm install vue-live2d
接着在想要引入看板娘的组件下
import live2d from 'vue-live2d' components: { live2d }, data () { return { direction: 'right', style: '', width: 500, height: 500, size: 350, tips: { mouseover: [{ selector: '.vue-live2d', texts: ['这样可以修改默认语句'] }] } } }
三、部分参考文档
更多的你们可以去github上面看作者的介绍
GitHub - evgo2017/vue-live2d: vue live2d 看板娘(Demo: https://evgo2017.com/repo/vue-live2d)