选择想练的能力。
六个游戏一开始就全部开放，分为听音、歌唱、识谱与节奏。选一个感兴趣的，随时开始，也随时离开。
Tuneful
一点音乐，
一点空闲。
六个小游戏 · 浏览器即开即玩，适配手机
能不能把零碎的空闲，变成一点音乐时光？
通勤、等候、两件事之间的间隙。我希望音乐练习能融入这些时刻，而不像另一项待完成的任务。
Tuneful 包含六个小游戏，覆盖旋律、音高、节奏与识谱。我负责产品方向和交互设计，借助 Claude 完成开发与迭代。
- 角色
- 产品设计与开发
- 能力
- 产品方向 · 交互设计 · AI 辅助原型
- 时间
- 2026
- 工具
- Claude · JavaScript · Web Audio API · GitHub Pages
随手练一会儿，不必开始一门课。
最初的方向沿用了常见的课程路径、经验值与生命值。后来我放弃了这套机制：产品应该邀请人轻松尝试，而不是要求先承诺完成一门课。
记录最好的一次。
我保留了设备端的个人最佳成绩，去掉了关卡锁定与生命值。小小的进步记录给人一个回来的理由，又不制造每日打卡的负担。
让下一次尝试更有方向。
答错后，应该知道如何继续。每个游戏都把音乐概念转化为能看见、听见，并再次尝试的反馈。
听见差别。
Echo Garden 会点亮正确的花朵，并解释音高是「更高」还是「更低」。多次答错后，旋律会缩短。
看见偏差。
Note Reader 会在五线谱上标出所选答案对应的虚影音符，让差别一目了然。
调整节拍。
Beat Lab 会提示你抢拍、慢拍或漏拍，再重复节奏，让你继续尝试。
麦克风功能没坏，
入口却藏得太深。
我在手机上尝试歌唱时，浏览器一直没有请求麦克风权限。原来游戏默认进入拖动模式，「My voice」藏在一个很小的切换按钮里。
我把这个隐藏步骤改成开始前的明确选择： 用麦克风唱，或直接拖动。 只有选择歌唱后才请求权限；若权限被拒绝，也有替代操作。
通勤时可以戴耳机玩点击类游戏，歌唱则留到更私密的场合。拖动也提供了另一种探索音高的方式。
借助 Claude 开发，在可运行原型中迭代。
我主导产品取舍与修改，Claude 协助实现和脚本检查。声音、音高检测与反馈都在浏览器中运行，无需注册。
检查包括触控模拟、键盘操作与合成音频，并参考了五组 AI 角色模拟评审。真实学习者测试与 iPhone 实机音频验证是下一步。
刚好有几分钟？