djs is my first hackathon project. It was an intense and enjoyable 36 hours hackathon done in a group of 3.
The app requests access to your computers camara and detects users motion in boxes displayed on the screen - each box outputs a different sound - and in that way you can create your own track! Kids loveeeee it haha.
Demo: https://djavascript.herokuapp.com/
Preferably check the online demo,
Otherwise:
- Clone the repo.
- Run
npm install. - Run
mongod - Run
node server.js. - Navigate to
http://localhost:3000. - Turn your volume on and rock on !
- JQuery & handlebars
- Express (Node.js), Mongoose (MongoDB).
- Motion detection library (see link below)
- My first group project - collaborating was challenging
- Motion detection - I scanned the web for a long while to find a good library for my need. First I found a ML lib which helps me detect users skeleton - problem was that it could detect as accurate as users wrists and not fingers, so i continued - and found this lib which compares image pixels, beacuse of the assumption that a computer is mostly steady I decided to it's ok for my usage. (Had to debug it a bit as well haha)
- Fix DB bug - no space in between sounds (as live session has)
- Create better sounds and unable looping
Big credit to: https://github.com/ReallyGood/js-motion-detection