什麼是震動模式設計器？
震動模式製作器讓您使用 Web Vibration API 為行動裝置設計自訂震動序列。建立包含震動和暫停間隔的模式，在手機上測試效果，並將模式陣列匯出至您自己的專案中使用。
匯出的陣列以毫秒整數排列,依震動、停頓、震動交替,正是 Web Vibration API 所要求的格式。內建心跳、SOS、警報、通知等預設節奏。你也可以將自製圖案存到本機、匯入既有陣列繼續編輯,或將整段節奏迴圈最多十次反覆測試。
使用方法
- 透過視覺化時間軸新增震動和暫停片段來建構您的震動模式。
- 點擊播放，在您的裝置上測試震動模式效果（僅限行動裝置）。
- 將模式匯出為 JavaScript 陣列，以便在您自己的專案中使用。
何時使用
- 為冥想、健身或鬧鐘類 App 設計一段獨特的提示節奏。
- 為遊戲原型製作觸覺回饋,匯出的陣列可直接貼進程式碼。
- 上線前測試小於 50ms 的短促震動在各手機上是否穩定。
結果
一位行動端開發者建立了 SOS 震動模式（短短短、長長長、短短短），並將陣列匯出用於通知系統。
常見問題
- 為什麼在桌面瀏覽器按測試完全沒反應?
- Web Vibration API 只在帶震動馬達的裝置上生效,也就是手機和部分平板。桌機與大多數 iPhone 會直接忽略呼叫。請改用 Android 上的 Chrome 或 Firefox 打開本工具感受圖案。
- 匯出的陣列結構長什麼樣?
- 它是一串以毫秒為單位的整數。第一個數字是震動時間,第二個是停頓,第三個又是震動,依此類推。例如 [200, 100, 200] 表示震 200ms、停 100ms、再震 200ms。
- 手機可以產生多短的脈衝?
- 多數手機會把 20ms 以下的數值四捨五入或直接略過。要產生穩定的「咔噠」觸感,建議至少 30ms。舊機種有時還會把單次震動上限鎖在 1 秒,無論你寫多大都一樣。
- 使用者在系統把震動關掉,圖案還會生效嗎?
- 不會。Android 和 iOS 的勿擾或靜音模式都會讓 Vibration API 失效,即使你的分頁正在前台。程式碼裡千萬別假設震動一定發生。
- 儲存的圖案會在裝置之間同步嗎?
- 不會。儲存的圖案放在建立裝置的 localStorage 裡,既保隱私也不會自動跟著你跨機。若要搬遷,把陣列文字複製出來即可。