littlebot
Published on 2025-04-10 / 0 Visits
0

【源码】基于Web前端技术的Live2D看板娘插件

项目简介

本项目的目标是为网页添加Live2D看板娘功能,借助简单的脚本引入,就能在网页上呈现精美的看板娘形象,为用户带来生动有趣的交互体验,增强网站的互动性与趣味性。

项目的主要特性和功能

  1. 兼容PJAX,支持无刷新加载,保障用户体验的流畅性。
  2. 部署方式灵活,支持通过CDN或自托管方式使用,用户可按需选择。
  3. 提供自定义API,方便用户对看板娘的行为和外观进行自定义。
  4. 配置灵活,包含看板娘触发条件和显示文本的配置文件,可根据需求修改和扩展。

安装使用步骤

使用CDN方式

将以下代码加入你的HTML文件的<head><body>部分: ```xml

```

自托管方式

  1. 通过git将本项目复制到你的服务器或网站目录中。
  2. 修改autoload.js中的live2d_path常量为你的live2d-widget目录的URL。
  3. 在你想要添加看板娘的界面加入以下代码: ```xml

`` 4. 根据需要自行修改或扩展waifu-tips.jswaifu-tips.jsonwaifu.css`文件以适应你的网页。

后端API

项目中的initWidget方法接受apiPathcdnPath参数,你可以通过搭建后端API来提供更多自定义功能,或者通过CDN加载资源以获得更稳定的体验。

注意事项

  • 本项目使用了大量ES6语法,不支持IE 11等老旧浏览器。
  • 如需自定义内容,请确保所添加的内容是合适的,作者不对waifu-tips.jswaifu-tips.json文件中的内容负责。
  • 自托管时,请确保服务器或网站目录中的文件路径正确,并测试相关文件是否可正常访问。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】