ASMR Sleep Sound Generator | ASMR助眠音生成器
交互式 3D 头部模型敲击音合成器。用户在 3D 头部模型上点击不同位置(额头、耳朵、后脑勺等),选择敲击材料(木头、玻璃、金属等),生成个性化 ASMR 助眠音。
Interactive 3D head model tapping sound synthesizer. Users click on different head positions (forehead, ear, back of head, etc.) and select tapping materials (wood, glass, metal, etc.) to generate personalized ASMR sleep sounds.
能力 | Capabilities
- 3D 头部交互:Three.js 渲染的 3D 头部模型,鼠标/触摸操控旋转和敲击
- 8 个声学区域:额头、头顶、太阳穴、耳朵、后脑勺、脸颊、下巴、颈部,各有独特声学特征
- 6 种材料音色:木头、玻璃、金属、陶瓷、石头、竹子,基于物理建模合成
- 空间音频:HRTF 双耳定位,敲击位置影响左右/远近感
- 节奏引擎:手动敲击 + 随机节奏模式(可调 BPM)
- Web 端:零依赖纯浏览器运行,PWA 支持
使用方式 | Usage
启动本地服务器
cd ~/.openclaw/workspace/projects/asmr-sleep-sound-generator/src
python3 -m http.server 8765
# 浏览器打开 http://localhost:8765/
VS Code Live Server
code ~/.openclaw/workspace/projects/asmr-sleep-sound-generator/src
# 右键 index.html → Open with Live Server
操作说明
- 旋转头部:鼠标拖拽
- 敲击:点击头部任意位置
- 切换材料:底部材料栏选择
- 调整参数:音量、力度、节奏滑块
- 随机模式:自动以随机间隔、力度、位置敲击
技术架构 | Architecture
用户交互(点击 3D 头部)
↓ 射线检测 → 获取点击坐标
↓ 区域识别 → 映射到 8 个声学区域
↓ 材料选择 → 6 种材料预设
↓ 合成引擎(Web Audio API)
├── 振荡器(泛音叠加)
├── 区域滤波(共鸣/阻尼)
├── 包络(力度→音量)
├── 噪声(材料质感)
├── 混响(区域空腔感)
└── 空间定位(HRTF 立体声)
↓ 音频输出
依赖 | Dependencies
| 包 | 用途 |
|---|---|
| Three.js | 3D 渲染引擎(已内置) |
| Web Audio API | 音频合成(浏览器原生) |
| 无外部依赖 | 纯前端,零安装 |
项目文件 | Project Files
详见 ~/.openclaw/workspace/projects/asmr-sleep-sound-generator/README.md