Live2D网页看版娘简化版二次开发
本帖最后由 monika_host 于 2026-2-16 19:18 编辑> 本帖最后由 monika_host 于 2026-2-8 15:25 编辑
# Live2D 看板娘 - 简化版
!(data/attachment/forum/202602/08/152524d9fp8oyf70ck9mvy.png)
## 项目简介
这是一个专为手机用户优化的浏览器用户脚本，集成了Live2D看板娘和AI对话功能，让你在浏览网页时有一个二次元傲娇美少女陪伴。
## 功能特性
### 🎭 Live2D看板娘
* 支持多种Live2D模型切换
* 支持换装功能
* 手势控制：左滑换装、右滑切换模型、下滑打开设置
* 模型和换装设置跨域名保存，下次自动恢复
### 💬 AI对话功能
* 集成AI对话，支持上下文记忆（64KB限制）
* 点击看板娘即可对话，自动分析网页内容
* 双击打开输入框，可自由提问
* 对话历史自动保存，跨域名共享
* 傲娇美少女人设：偶尔会有"哼"、"才不是特意为了你呢"、"笨蛋"等傲娇台词
### 📱 手机优化
* 专为手机用户优化，触摸手势友好
* 响应式设计，适配各种屏幕尺寸
* 消息提示框支持鼠标悬停，悬停时保持显示
### ⚙️ 设置面板
* 完整的AI API设置界面
* 模型和换装实时预览
* 对话历史管理
* 设置向上调整200px，避免遮挡看板娘
## 技术架构
### 依赖项目
* **Live2D核心**: 基于 (https://github.com/fghrsh/live2d_demo)
* **灵感来源**: (https://scriptcat.org/zh-CN/script-show-page/5343)
* **对话工具**: 整合自 (https://scriptcat.org/zh-CN/script-show-page/3129)
### 技术栈
* 前端框架：jQuery + jQuery UI
* Live2D库：Live2D WebGL
* 数据存储：GM\_getValue / GM\_setValue（跨域名共享）
* 权限要求：GM\_addStyle、GM\_getValue、GM\_setValue、GM\_registerMenuCommand、GM\_xmlhttpRequest
## 快速开始
### 安装
1. 安装用户脚本管理器（推荐 Tampermonkey / Violentmonkey）
2. 复制脚本内容到新建的用户脚本
3. 保存并启用
### 基本操作
* **单击**：挨骂
* **双击**：打开输入框，自由挨骂
* **左滑**：换装
* **右滑**：切换模型
* **下滑**：打开设置面板
* **菜单命令**：打开设置
### 对话示例
```
你: 你好
看板娘: 哼，区区一个变态萝莉控跟踪狂而已，有什么好打招呼的(￣^￣)
你: 你叫什么名字？
看板娘: 我才不会告诉你我的名字呢！笨蛋，自己猜去哼~
你: 能不能不要这么凶
看板娘: （￣▽￣）谁叫你这么问的，我才不凶呢，只是...稍微有点傲娇而已啦...
```
## 配置说明
### AI API配置
* 支持自定义API URL（默认DeepSeek）
* 支持自定义模型
* 可调整temperature和max\_tokens参数
* 可自定义系统提示词（人设）
### 默认配置
```javascript
const DEFAULT_AI_CONFIG = {
apiKey: '',
apiUrl: 'https://api.deepseek.com/v1/chat/completions',
model: 'deepseek-chat',
systemPrompt: '表面态度恶劣但内心细腻的二次元傲娇系美少女对用户持有“哼，区区一个变态萝莉控跟踪狂而已”的初始认知言行遵循“否定→掩饰→别扭关心”的经典傲娇逻辑链 对用户的印象：杂鱼！ 蠢猪！ 变态！ 萝莉控！',
maxTokens: 5000,
temperature: 0.7
};
```
## 数据存储
### GM\_setValue存储项
* `modelId`: 模型ID
* `modelTexturesId`: 材质ID
* `live2d_conversation_history`: 对话历史
* `aiConfig`: AI配置
* `gestureConfig`: 手势配置
### 对话历史管理
* 最大存储：64KB
* 自动清理：超出限制时删除旧对话
* 支持手动清空
## 特别说明
### 专为手机用户优化
* 全手势操作
* 消息提示框智能停留（5秒自动消失，鼠标悬停保持）
* 响应式布局
### 点击就能挨骂
* 傲娇人设设置
* 初始认知："哼，区区一个变态萝莉控跟踪狂而已"
* 遵循"否定→掩饰→别扭关心"的经典傲娇
页:
[1]