진동 패턴 제작 도구이란?
진동 패턴 생성기로 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로 도구를 열어 보세요.
- 내보낸 배열은 어떻게 구성돼 있나요?
- 밀리초 단위 정수의 평탄한 목록입니다. 첫 번째 값은 진동 시간, 두 번째는 정지, 세 번째는 다시 진동 식으로 이어집니다. [200, 100, 200]은 200ms 진동, 100ms 정지, 200ms 진동을 뜻합니다.
- 스마트폰이 만들 수 있는 가장 짧은 펄스는?
- 대부분의 기기는 약 20ms 미만 값을 올림하거나 그냥 건너뜁니다. 신뢰할 만한 햅틱 톡 톡 감을 원한다면 30ms 이상을 유지하세요. 일부 구형 기기는 요청 값과 상관없이 단일 진동을 1초로 제한합니다.
- 사용자가 시스템 진동을 꺼서 제 패턴을 망칠 수 있나요?
- 그렇습니다. Android와 iOS 모두 방해 금지 또는 무음 모드에서 Vibration API를 억제하며, 탭이 전면이어도 마찬가지입니다. 코드는 진동이 실제로 일어났다고 가정해선 안 됩니다.
- 저장한 패턴이 기기 간에 동기화되나요?
- 아니요. 저장 패턴은 만든 기기의 localStorage에 남으므로 비공개이지만 다른 폰이나 브라우저로 따라오지 않습니다. 옮기고 싶다면 배열을 텍스트로 내보내세요.