DEV Community

Cover image for Playing Air Drums in JavaScript

Playing Air Drums in JavaScript

Charlie Gerard on July 24, 2019

Last year, as I was going on some work weekend trip, I was talking to an ex-colleague about how much I've always wanted to learn to play the drums,...
Collapse
 
_bigblind profile image
Frederik 👨‍💻➡️🌐 Creemers

How did you find out the uuid for the device and service and characteristic for the device? I've thought about getting into web bluetooth, but I haven't found a device with these details well documented.

Collapse
 
geromegrignon profile image
Gérôme Grignon • Edited

For the uuid, i made a uuid finder : bluetooth-uuid-finder.stackblitz.io/ (you can see code here if you want to see a simple implementation of web bluetooth : stackblitz.com/edit/bluetooth-uuid...)

For services and characteristic, you can use chrome://bluetooth-internals (but it's raw data).

Collapse
 
michaeltharrington profile image
Michael Tharrington

LOVE IT!!!

Collapse
 
hersman profile image
Hersh

So awesome! Just curious, though, if you're left handed because you had your right hand hitting the snare. I assume that's all configurable also.

Collapse
 
devdevcharlie profile image
Charlie Gerard

Hey! I've actually never played the drums before so I didn't know the snare is supposed to be hit by the other hand :).

It's definitely configurable, just need to change 1 line of JavaScript :D

Thanks!

Collapse
 
drumstix42 profile image
Mark

Never played drums before and writing a JS project for it anyway. My hero! hahaha.

Well done.

Collapse
 
trjones1 profile image
Tramel Jones

WOW!! Super awesome!!

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

Eeeeee 🤩

Collapse
 
javascriptar profile image
Theodore Kelechukwu Onyejiaku

Nice

Collapse
 
voidjuneau profile image
Juneau Lim

Oh good heavens. You are a genius.
As a used-to-be drummer, It was impossible not to love your project.
Thank you so much for making & sharing this.

Collapse
 
sarthology profile image
Sarthak Sharma

That’s gold 😍

Collapse
 
jpadilladev profile image
Jorge

Cool!

Collapse
 
thluiz profile image
Thiago Luiz Silva

SHOW! OMG! AMAZING!

Thanks for posting!

Collapse
 
saurabhdaware profile image
Saurabh Daware 🌻

This is so cool🌻🌻 You're like 1 step away from turning into ironman

Collapse
 
iceorfiresite profile image
Ice or Fire

Nice job!

Collapse
 
laurieontech profile image
Laurie

Everything you do is awesome Charlie!

Collapse
 
jess profile image
Jess Lee

So cool!!

Collapse
 
isoul95 profile image
Measures✨

Weird, but brilliant! Gonna have to give this a go myself..

Collapse
 
nickytonline profile image
Nick Taylor

Such a cool project Charlie! 🥁