A LISTENING ROOM
一间放歌、看雨，也有人安静陪听的房间。
音悦把场景、播放器与陪听住客放在一起。声音在前，数字人和动效只在播放状态变化时回应。
从“播放音乐”到“陪你听歌”
最初，它只是博客里一个准备放歌单的角落。后来我想把它做成一间能陪人听完一首歌的房间：场景安静存在，人物不主动打断，只有在播放、暂停和切歌时做一点微小回应。
因此音悦开始变成一间 Listening Room。夜雨、海边、深夜与白昼承担不同的环境情绪；播放器负责歌曲与创作信息；“音悦的住客”则通过 idle、listening、paused 等状态回应声音。
现在正在验证什么
- 让场景、光线和播放状态联动；
- 用 Three.js + VRM 验证眨眼、呼吸、视线与轻微动作是否适合网页长期运行；
- 让人物保持克制，大多数时间只是安静陪听；
- 为未来真正的原创、翻唱、歌词和创作笔记预留独立空间。
数字人还不是最终模型。当前先验证陪听关系和网页运行，再逐步替换正式角色、动作和音乐素材。
WHAT IT HOLDS
一个想法，最终需要落进具体体验。
这里只列会改变体验的能力。鼠标经过卡片时，光跟着视线移动一点，用来提示焦点。
场景化听歌
夜雨、海边、深夜与白昼对应不同的光线、背景和听歌状态。
播放器叙事
歌曲信息、封面、状态与页面空间被放在同一套视觉语言里。
陪听住客
数字人以 idle / listening / paused 状态回应播放行为，不承担聊天功能。
为原创预留
未来的原创与翻唱可以拥有独立房间、创作笔记和自己的场景。
FROM IDEA TO EXPERIENCE
先让空间成立，再让数字人变得更真实。
第一阶段验证布局与陪听关系，后续再逐步替换更高质量的 VRM、动作和正式歌曲素材。
- 01
重做播放器
从列表页改成左右双舞台的 Listening Room。
- 02
建立场景
让光线、背景与音乐状态彼此联动。
- 03
接入状态机
播放、暂停与切歌可以通知陪听角色。
- 04
验证 3D
用 VRM 运行层测试眨眼、呼吸、视线与灯光。
- 05
替换正式角色
最终人物、耳机动作和音乐素材再逐步进入。
GROWTH LOG
这个梦，是怎样长大的。
一段夜航歌单
最初只想为深夜写作留下一点稳定的声音。
从播放器变成房间
想做一间能陪人听完一首歌的房间。
Listening Room 原型
夜雨、海边、深夜与白昼开始和播放器状态、数字人位置共同组成场景。
3D 陪听实验
接入 Three.js 与 VRM 运行层，开始验证眨眼、呼吸、视线和播放状态联动。
DESIGN PRINCIPLES
陪听角色大多数时间安静待着。
角色大多数时间应该安静存在；明显动作只在状态变化时出现。
声音优先
数字人不能抢走歌曲和创作者本身的注意力。
状态而非表演
动作由播放状态触发，不做持续循环的夸张舞蹈。
可逐步替换
播放器与角色解耦，未来换 VRM 不必重做整页。