什么是振动模式设计器？
振动模式制作器让您使用 Web Vibration API 为移动设备设计自定义振动序列。创建包含振动和暂停间隔的模式，在手机上测试效果，并将模式数组导出到您自己的项目中使用。
导出的数组按毫秒整数排列,先震动、再停顿、再震动,正是 Web Vibration API 所要求的格式。内置心跳、SOS、警报、提示等预设节奏。你也可以保存自己的图案到本地、导入已有数组进行编辑,或将一段节奏循环最多十次反复测试。
使用方法
- 通过可视化时间轴添加振动和暂停片段来构建您的振动模式。
- 点击播放，在您的设备上测试振动模式效果（仅限移动设备）。
- 将模式导出为 JavaScript 数组，以便在您自己的项目中使用。
何时使用
- 为冥想、健身或闹钟类 App 设计一段独特的提示节奏。
- 为游戏原型搭建触觉反馈,导出的数组可直接粘进代码。
- 上线前测试短于 50ms 的短促震动在不同手机上是否稳定。
结果
一位移动端开发者创建了 SOS 振动模式（短短短、长长长、短短短），并将数组导出用于通知系统。
常见问题
- 为什么在电脑浏览器里点测试没反应?
- Web Vibration API 只对带震动马达的设备生效,也就是手机和部分平板。台式电脑和大多数 iPhone 会静默忽略调用。请改用安卓上的 Chrome 或 Firefox 打开本工具来感受图案。
- 导出的数组结构是怎样的?
- 它是一串以毫秒为单位的整数。第一个数字是震动时长,第二个是停顿,第三个又是震动,依此类推。例如 [200, 100, 200] 表示震 200ms、停 100ms、再震 200ms。
- 手机能产生多短的脉冲?
- 大多数手机会把 20ms 以下的数值四舍五入或直接跳过。要可靠地产生「咔嗒」感,建议保持 30ms 以上。旧设备有时还会把单次震动上限锁在 1 秒,无论你写多大。
- 用户在系统里关了震动会让我的图案失效吗?
- 会。安卓和 iOS 的勿扰模式或静音模式都会让 Vibration API 失灵,即使你的标签页正在前台。代码里不能假设震动一定发生了。
- 保存的图案会在设备之间同步吗?
- 不会。保存的图案存在创建设备的 localStorage 里,既不会泄露隐私,也不会跟随你到另一台手机或浏览器。如果想搬迁,请把数组复制出来。