バイブレーションパターン作成ツールとは?
バイブレーションパターンメーカーを使えば、Web Vibration APIを使ってモバイルデバイス用のカスタムバイブレーションシーケンスをデザインできます。振動と停止の間隔のパターンを作成し、スマートフォンでテストして、ご自身のプロジェクトで使用するパターン配列をエクスポートします。
書き出される配列はミリ秒単位の整数で、振動・休止・振動と交互に並びます。これは Web Vibration API が要求する形式そのものです。心拍、SOS、アラーム、通知などのプリセットが用意され、自作パターンをローカルに保存したり、既存配列を読み込んで編集したり、シーケンスを最大10回ループさせて確認できます。
使い方
- ビジュアルタイムラインを使って振動と停止のセグメントを追加してパターンを構築します。
- 「再生」をタップしてデバイスでバイブレーションパターンをテストします(モバイルのみ)。
- パターンをJavaScript配列としてエクスポートして、ご自身のプロジェクトで使用します。
使用するタイミング
- 瞑想、フィットネス、アラームアプリ用に独自の通知リズムを設計する。
- ゲームの触覚フィードバックを試作し、配列をそのままコードに貼り付ける。
- 公開前に 50ms 以下の短い振動が各端末で安定するか確認する。
結果
モバイル開発者がSOS振動パターン(短短短、長長長、短短短)を作成し、通知システム用に配列[100,50,100,50,100,200,300,50,300,50,300,200,100,50,100,50,100]をエクスポートします。
よくある質問
- デスクトップブラウザでテストボタンが反応しないのはなぜ?
- Web Vibration API は振動モーター搭載の端末、つまりスマホや一部タブレットでのみ動作します。デスクトップや大半の iPhone は呼び出しを黙って無視します。パターンを体感するには Android の Chrome か Firefox で開いてください。
- 書き出される配列の構造は?
- ミリ秒単位の整数を並べた平坦な配列です。1番目が振動時間、2番目が休止、3番目がまた振動、と続きます。例えば [200, 100, 200] は「200ms 振動・100ms 停止・200ms 振動」を表します。
- スマホが出せる最短のパルスは?
- 多くの端末は約 20ms 未満の値を切り上げるか無視します。確実な触覚タップなら 30ms 以上を推奨します。古い機種では指定値に関係なく、単発振動を 1 秒で打ち切るものもあります。
- ユーザーが OS 側で振動を切ったらパターンは壊れますか?
- 壊れます。Android と iOS のサイレントモードやおやすみモードは、タブが前面にあっても Vibration API を抑制します。コード側で「振動した」と決め打ちしない設計にしてください。
- 保存したパターンは端末間で同期されますか?
- されません。保存パターンは作成した端末の localStorage にだけ残るのでプライベートですが、別のスマホやブラウザには引き継がれません。移動したい場合は配列をテキストで書き出してください。