项目简介
本项目的目标是为网页添加Live2D看板娘功能,借助简单的脚本引入,就能在网页上呈现精美的看板娘形象,为用户带来生动有趣的交互体验,增强网站的互动性与趣味性。
项目的主要特性和功能
- 兼容PJAX,支持无刷新加载,保障用户体验的流畅性。
- 部署方式灵活,支持通过CDN或自托管方式使用,用户可按需选择。
- 提供自定义API,方便用户对看板娘的行为和外观进行自定义。
- 配置灵活,包含看板娘触发条件和显示文本的配置文件,可根据需求修改和扩展。
安装使用步骤
使用CDN方式
将以下代码加入你的HTML文件的<head>
或<body>
部分:
```xml
```
自托管方式
- 通过git将本项目复制到你的服务器或网站目录中。
- 修改
autoload.js
中的live2d_path
常量为你的live2d-widget
目录的URL。 - 在你想要添加看板娘的界面加入以下代码: ```xml
``
4. 根据需要自行修改或扩展
waifu-tips.js、
waifu-tips.json和
waifu.css`文件以适应你的网页。
后端API
项目中的initWidget
方法接受apiPath
和cdnPath
参数,你可以通过搭建后端API来提供更多自定义功能,或者通过CDN加载资源以获得更稳定的体验。
注意事项
- 本项目使用了大量ES6语法,不支持IE 11等老旧浏览器。
- 如需自定义内容,请确保所添加的内容是合适的,作者不对
waifu-tips.js
和waifu-tips.json
文件中的内容负责。 - 自托管时,请确保服务器或网站目录中的文件路径正确,并测试相关文件是否可正常访问。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】