Web에서 햅틱(진동) 구현 예제

DINKIssTyle (61.♡.73.102)

2026년 3월 30일 PM 08:25

조회 1,009 공감 0

데스크탑이나 아이패드에서 들어가셔도 아무것도 경험하실 수 없습니다.

아이폰의 경우 정말 햅틱이랑 같네요 ㄷㄷ

안드로이드 사용자 분들의 평도 기대해봅니다~

크로스 플랫폼 지원: Android(Vibration API 사용)와 iOS 모두에서 작동합니다. 특히 iOS Safari에서 진동을 구현하기 위해 '체크박스 트릭(Checkbox-switch trick)'이라는 독특한 방식을 사용하여 네이티브 탭틱 엔진(Taptic Engine)과 유사한 느낌을 줍니다.
11가지 빌트인 프리셋: iOS의 햅틱 피드백 시스템을 모방한 다양한 패턴을 즉시 사용할 수 있습니다.
- Notification: success, warning, error
- Impact: light, medium, heavy, soft, rigid
- Selection: selection
- Custom: nudge, buzz
PWM 강도 조절: 단순한 진동을 넘어, 펄스 폭 변조(PWM) 기술을 사용해 진동의 세기(Intensity)를 세밀하게 조절하여 더 풍부한 촉감 경험을 제공합니다.
프레임워크 지원: React, Vue, Svelte를 위한 전용 훅(Hooks)과 헬퍼를 제공하여 현대적인 웹 개발 환경에 쉽게 통합할 수 있습니다.