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
 
michaeltharrington profile image
Michael Tharrington

LOVE IT!!!

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
 
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
 
jess profile image
Jess Lee

So cool!!

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀

Eeeeee 🤩

Collapse
 
trjones1 profile image
Tramel Jones

WOW!! Super awesome!!

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
 
iceorfiresite profile image
Ice or Fire

Nice job!

Collapse
 
sarthology profile image
Sarthak Sharma

That’s gold 😍

Collapse
 
jpadilladev profile image
Jorge

Cool!

Collapse
 
isoul95 profile image
Measures✨

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

Collapse
 
laurieontech profile image
Laurie

Everything you do is awesome Charlie!

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
 
nickytonline profile image
Nick Taylor

Such a cool project Charlie! 🥁

Collapse
 
javascriptar profile image
Theodore Kelechukwu Onyejiaku

Nice