e9965 / api

🍬 https://Co2Fe.CF 的静态储存仓库

Home Page:https://co2fe.cf

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

poster-girl-l2d-2233

2233娘的 Live2D 看板娘插件(WordPress)!

支持切换人物、切换服装。

使用本项目的 Demo (因服务器卓越性能的限制,初次加载、换装时会较慢)

默认的代码通常无法跨域使用,但同域下是可以通过配置来使用的

基于原项目的改动

修改的原项目

原项目是基于 php 的,需要后端接口配合

这里做了一些改动(将需要后台生成的配置文件全部生成出来,调整一下请求参数),使其无需后端支持,只要路径配置正确即可使用。

参考 另一个博客 返回顶部按钮的样式,魔改了本项目的开关按钮。

参考 另一个项目 自动装配的实现方案,为本项目添加了自动配置的脚本(auto_waifu.js)

使用方法

  1. Star 本项目

  2. Download ZIP,解压,通常需要修改 auto_waifu.js 指定静态资源路径

    • 比如下面是默认的配置
    // 同时需要引入的 css
    const live2d_waifu_css = ['/home/live2d/waifu.css'];
    // 需要引入的 js 文件,无需手动添加 Jquery 因为后面会自动检测并添加
    const live2d_waifu_js = ['/home/live2d/live2d.min.js', '/home/live2d/waifu-tips.js']
    • 静态服务器的 home 目录下的文件结构
    live2d/
    |-- 22
    |   |-- 22.v2.idle-01.mtn
    |   |-- 22.v2.idle-02.mtn
    |   |-- 22.v2.idle-03.mtn
    ...
    |   |-- closet.2016.xmas
    |   |   |-- texture_01.png
    |   |   |-- texture_02.png
    |   |   |-- texture_03_1.png
    |   |   `-- texture_03_2.png
    |   |-- closet.2017.cba-normal
    ...
    |-- 22.2020.newyear.config.json
    |-- 22.default.v2.config.json
    |-- 33
    |   |-- 33.v2.idle-01.mtn
    |   |-- 33.v2.idle-02.mtn
    ...
    |-- auto_waifu.js
    |-- demo.html
    |-- live2d.min.js
    |-- waifu-btn.png
    |-- waifu.css
    `-- waifu-tips.js
    
  3. 上传至站点静态目录下

  4. 在需要使用的页面包含 auto_waifu.js 文件即可

配置

此插件修改为自动检测 JQuery,无需手动添加

此插件包含果体模型,默认是不显示的,如有需要请编辑 waifu-tips.js 文件

此插件允许设置默认服装,如需指定也请编辑 waifu-tips.js 文件

更多配置请修改 waifu-tips.js 文件

感谢

感谢 @huzikai0424 @SkiTiSu 对 waifu-tips.js 的优化。

授权

由于原项目使用 GPL 2.0 协议,故本项目也采用相同的开源协议进行授权。

另,2233 版权归 bilibili 所有!

原创不易!如果喜欢本项目,请 Star 它以示对我的支持

使用的开源项目’

Author

poster-girl-l2d-2233 © Moedog, Released under the GPL-2.0 License.

Blog moedog.org · GitHub @xb2016 · Twitter @moesdog · Telegram @xb2016

About

🍬 https://Co2Fe.CF 的静态储存仓库

https://co2fe.cf

License:GNU General Public License v2.0


Languages

Language:JavaScript 89.1%Language:CSS 9.9%Language:HTML 1.0%