Cover image for Mobile Vibration Designer! πŸ“³

Mobile Vibration Designer! πŸ“³

bendman profile image Ben Duncan ・1 min read

I recently read a great post introducing the vibration API that inspired me to play with using vibrations on mobile.

It was a simple enough API, but I found it difficult to make vibrations that followed a pattern I wanted.

In response, I created a vibration designer where you can tap out a pattern on and test out and copy the vibration code that recreates the pattern.

Check the https://glitch.com/~vibration-designer, where you can see the source code and play with it. I made use of some neat vanilla Javascript features like Proxy, navigator.vibrate, and manipulation of CSS custom properties (variables).

Note: This is best used on Android mobile if you want to play the vibration.
For more details check out Can I Use: Vibration

Posted on by:

bendman profile

Ben Duncan


I'm an American programmer living in France. I'm often on a bike. πŸš΄β€β™‚οΈβ›·πŸ•πŸ‡«πŸ‡·πŸ‡ΊπŸ‡Έ


Editor guide