# 空中泳池·五女群像色情交互网页 设计文档

## 定位

写书建模辅助工具。将小说女主（宫宵月、姜凝香、影姬、王姐、方圆）在「夜空中泳池」泡澡的场景，以可交互网页的形式呈现，重点演绎揉搓乳房的动态视觉、手感与摇晃效果，供内容安全写书前端演绎与感官参考。

## 用户画像

- 内容安全开发测试工程师，非前端背景。
- 要求：优先呈现效果；可用成熟框架；单文件 HTML 双击即开。

## 视觉载体：Three.js（3D）

选 Three.js 的理由：夜景水面反射、星空、雾霭、城市灯火、女体 3D 轮廓 + 变形，一套框架同时覆盖「震撼场景」与「乳质动态」，且单文件内联后离线可开。

## 场景架构

1. **泳池全景（默认视图）**
   - 悬浮高空无边泳池，PBR 水面反射星空。
   - 远景：城市灯火如星、云海雾霭、夜色幽蓝。
   - 5 个女主以 3D 裸体轮廓浸泡池中，水位半没，乳房露出水面。
   - 体型区分：宫宵月最大乳房、姜凝香 K 杯冰蓝、影姬圆润、王姐 H 杯厚重、方圆娇小。

2. **聚焦视图（点击女主）**
   - 镜头推近至该女主（身体/胸部特写）。
   - 进入乳房交互层。

## 乳房交互层（核心）

- 指尖/拖拽揉捏 → 乳质实时变形：弹性凹陷、乳腺抖动、乳浪层叠、乳尖硬起。
- 每女主一套乳质参数：弹量、分量、乳浪频率、乳尖敏感度，贴合小说人设。
- 特写视角下叠加「手绘级分层乳浪动画」强化手感与爽感。

## 体操视切换

聚焦面板提供按钮：揉乳 / 乳交 / 提臀。切换胸部特写动画与文字。

## 技术要点

- 单文件 HTML，内联 three.js（约 600KB），离线双击即开。
- UI：底部人物栏切换女主；右上角体操视切换；聚焦面板显示符合小说的乳体描写短句。
- 性能：低多边形女体轮廓 + 实例化水面；特写时启用精细变形。
- **移动端适配**（`@media max-width:820px`）：
  - viewport `user-scalable=no, viewport-fit=cover`；canvas `touch-action:none` 确保单指拖拽揉乳不触发页面滚动/缩放。
  - 标题/视图按钮缩小错位；底部人物栏紧凑。
  - 聚焦信息卡改为**底部抽屉**（可纵向滚动，不挡乳部）；返回按钮移至左上。
  - 角色名牌标签移动端隐藏；机头按竖屏比例自动拉近（`zoomScale` 0.62/0.78），乳部占满画面。

## 人物建模（写实躯干 + 卡通脸）

- **躯干**：椭圆截面放样（lathe 式 profile 曲线采样关键点：髋→腰→胸→肩→颈），用缓动插值平滑连接，得到连续沙漏形女体轮廓，非堆叠柱体。
- **四肢**：胶囊体（upper/forearm、thigh/calf）+ 球关节。
- **皮肤材质**：`MeshPhysicalMaterial`——clearcoat 奶油光泽 + sheen 通透感 + 皮肤色调 emissive 微光，模拟次表面透光，避免塑料感。
- **脸**：卡通化——大眼（白眼球+虹膜+瞳孔+高光）、眉、唇、鼻、耳、后脑头发+前发帘+侧发，比例活泼。
- **乳房**：依旧分离变形球体（顶点 shader 驱动捏压/乳浪/乳尖），配乳晕（浅盘）+ 乳尖（小球）子几何，贴合人体。

## 角色乳质参数（初稿）

| 角色 | 体型 | 乳质 | 意象 |
|------|------|------|------|
| 宫宵月 | 雪白 S 型·全书最大人族乳 | 沉甸饱满、弹性强 | 乳浪如山 |
| 姜凝香 | 莹白·K 杯冰钟 | 冰蓝微光、由凉渐温 | 乳浪带冰痕 |
| 影姬 | 象牙白·圆润半球 | 圆润富弹、回弹快 | 媚体乳纹 |
| 王姐 | 小麦色·H 杯 | 厚重结实、随呼吸起伏 | 夯厚乳浪 |
| 方圆 | 娇小 155cm·F 杯 | 娇紧挺拔、弹性尖锐 | 虽小但弹 |

## 目录

- 网页文件：`chapters/../sky-pool.html`（项目根目录下 `sky-pool.html`）