省流简介:机缘巧合之下看到了stevenjoezhang/live2d-widget的多交互live2d,有点心动但是模型太少不太合口味;又是一个机缘巧合之下看到了Eikanya/Live2d-model中有收集解包食物语的live2d模型,发现了本命菜,顿时动力++,感觉能结合live2d-widget提供的cdn/api接口来将心仪的模型导入进去,折腾两个晚上终于成功了呜呜呜呜...
emmm……看最近更新确实都是3年前了。于是循着他的推荐，我去访问了 Live2D Widget - https://github.com/stevenjoezhang/live2d-widget 这个项目。该项目并不是hexo的特有插件，所以看起来自定义集成会比之前的插件略微麻烦。当然，如果只需要最基本的功能，则比之前还简单。只用将下面这一行代码加入 html 页面...
L2Dwidget.init({ "model": { //jsonpath控制显示模型 jsonPath:"https://cdn.jsdelivr.net/gh/xi2oh2co3/modelpack/normal/model.json", }, "display": { "position":"right",//看板娘的表现位置 "width":200,//宽度 "height":350,//高度 "hOffset":-50, "vOffset":-20 }, "mobile": ...
git clone https://github.com/stevenjoezhang/live2d-widget.git 直接把整个目录复制到source文件夹下面就可以。依赖就不用安装了,毕竟我是要在自己的Hexo博客里运行。 试试引入 部署运行没有问题,那么剩下就是真正的自定义阶段了。 自定义配置 要干活首先得安排好要干什么活儿,所以先分析一波它的demo,其中一...
项目地址:xiazeyu/live2d-widget-models: The model library for live2d-widget.js (github.com) 下面是一些模型地址及预览 https://cdn.jsdelivr.net/npm/live2d-widget-model-ni-j@1.0.5/assets/ni-j.model.json https://cdn.jsdelivr.net/npm/live2d-widget-model-nipsilon@1.0.5/assets/nipsilon.mod...
live2d-widget-model-gf live2d-widget-model-haru/01(usenpm install --save live2d-widget-model-haru) live2d-widget-model-haru/02(usenpm install --save live2d-widget-model-haru) live2d-widget-model-haruto live2d-widget-model-hibiki
于是我还是走上了进阶道路——自定义配置。 首先当然是把项目克隆到本地: gitclone https://github.com/stevenjoezhang/live2d-widget.git 直接把整个目录复制到source文件夹下面就可以。依赖就不用安装了,毕竟我是要在自己的Hexo博客里运行。 试试引入 ...
live2d-widget │ live2d.min.js <-- 主文件 │ waifu.css <-- 样式 ├─demo │ login.html <-- 功能实现参考 └─src index.js <-- 与login.html一起作为实现参考 model.js <-- 模型加载参考 上面的树形图我把不重要的文件都隐藏了,重要的都留下来了。这就是今天的主角们。
于是我还是走上了进阶道路——自定义配置。 首先当然是把项目克隆到本地: gitclone https://github.com/stevenjoezhang/live2d-widget.git 直接把整个目录复制到source文件夹下面就可以。依赖就不用安装了,毕竟我是要在自己的Hexo博客里运行。 试试引入 ...
于是我还是走上了进阶道路——自定义配置。 首先当然是把项目克隆到本地: gitclone https://github.com/stevenjoezhang/live2d-widget.git 1. 直接把整个目录复制到source文件夹下面就可以。依赖就不用安装了,毕竟我是要在自己的Hexo博客里运行。 试试引入 ...