Live2D网页看版娘简化版二次开发

monika_host

本帖最后由 monika_host 于 2026-2-8 15:30 编辑

本帖最后由 monika_host 于 2026-2-8 15:25 编辑

Live2D 看板娘 - 简化版

项目简介

这是一个专为手机用户优化的浏览器用户脚本，集成了Live2D看板娘和AI对话功能，让你在浏览网页时有一个二次元傲娇美少女陪伴。

功能特性

🎭 Live2D看板娘

• 支持多种Live2D模型切换
• 支持换装功能
• 手势控制：左滑换装、右滑切换模型、下滑打开设置
• 模型和换装设置跨域名保存，下次自动恢复

💬 AI对话功能

• 集成AI对话，支持上下文记忆（64KB限制）
• 点击看板娘即可对话，自动分析网页内容
• 双击打开输入框，可自由提问
• 对话历史自动保存，跨域名共享
• 傲娇美少女人设：偶尔会有"哼"、"才不是特意为了你呢"、"笨蛋"等傲娇台词

📱 手机优化

• 专为手机用户优化，触摸手势友好
• 响应式设计，适配各种屏幕尺寸
• 消息提示框支持鼠标悬停，悬停时保持显示

⚙️ 设置面板

• 完整的AI API设置界面
• 模型和换装实时预览
• 对话历史管理
• 设置向上调整200px，避免遮挡看板娘

技术架构

依赖项目

• Live2D核心: 基于 fghrsh/live2d_demo
• 灵感来源: Live2D看板娘
• 对话工具: 整合自 AI对话工具

技术栈

• 前端框架：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参数
• 可自定义系统提示词（人设）

默认配置

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秒自动消失，鼠标悬停保持）
• 响应式布局

点击就能挨骂

• 傲娇人设设置
• 初始认知："哼，区区一个变态萝莉控跟踪狂而已"
• 遵循"否定→掩饰→别扭关心"的经典傲娇逻辑链