给自己的vue网站添加live2d

使用 stevenjoezhang/live2d-widget: 把萌萌哒的看板娘抱回家 (ノ≧∇≦)ノ | Live2D widget for web platform (github.com)

引入live2d-widget

下载源码,将下载好的文件放在public文件夹下,保证文件能被打包

给自己的vue网站添加live2d_第1张图片

直接在APP.vue中引用autoload即可

给自己的vue网站添加live2d_第2张图片

live2d的一些自定义

给自己的vue网站添加live2d_第3张图片

  1. 可以将live2d_path修改为本地,这样就可以通过修改waifu-tips.json文件来修改气泡内容
  2. 如果想使用自定义live2d模型,需要自定义后端apiPath,java版可以参考​​​​​​WhiteMagic2014/live2d_api_java: 看板娘live2d_api服务端(java版) (github.com)

原博发布于:inGamev

你可能感兴趣的:(前端,随笔,vue.js)