All Projects → charliegerard → Beat Pose

charliegerard / Beat Pose

Licence: gpl-3.0
Play a Beat Saber clone with hand movements using Tensorflow.js & PoseNet

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Beat Pose

Whoosh
[Prototype] Control a 3D spaceship with hand movements
Stars: ✭ 104 (-28.28%)
Mutual labels:  creative-coding
Face Tracking P5js
Using facetracking with p5js to create playful or critical web applications
Stars: ✭ 118 (-18.62%)
Mutual labels:  creative-coding
Libossia
A modern C++, cross-environment distributed object model for creative coding and interaction scoring
Stars: ✭ 133 (-8.28%)
Mutual labels:  creative-coding
Doodles
Web Experiments I do for fun.
Stars: ✭ 106 (-26.9%)
Mutual labels:  creative-coding
Freedrum.js
Interact with the browser using the Freedrum sensors in JavaScript
Stars: ✭ 115 (-20.69%)
Mutual labels:  creative-coding
Hello imgui
Hello, Dear ImGui: cross-platform Gui apps for Windows / Mac / Linux / iOS / Android / Emscripten with the simplicity of a "Hello World" app
Stars: ✭ 120 (-17.24%)
Mutual labels:  creative-coding
Awesome Aframe
[DISCONTINUED] Collection of awesome resources for the A-Frame WebVR framework.
Stars: ✭ 1,310 (+803.45%)
Mutual labels:  aframe
Washos
Automatic detection of water running to trigger a countdown in the browser
Stars: ✭ 136 (-6.21%)
Mutual labels:  creative-coding
Webxr Handtracking
👐 WebXR hand tracking examples
Stars: ✭ 116 (-20%)
Mutual labels:  aframe
Sonic Pi Tool
🎻 Controlling Sonic Pi from the command line
Stars: ✭ 133 (-8.28%)
Mutual labels:  creative-coding
Guify
A simple GUI for inspecting and changing JavaScript variables
Stars: ✭ 111 (-23.45%)
Mutual labels:  creative-coding
Ink
Creative coding in Go
Stars: ✭ 115 (-20.69%)
Mutual labels:  creative-coding
Thehallaframe
WebVR demo that displays art
Stars: ✭ 120 (-17.24%)
Mutual labels:  aframe
Websoftspheredemo
Implement and optimizate ANALYTICAL FOAM algorithm metioned in Entagma
Stars: ✭ 104 (-28.28%)
Mutual labels:  creative-coding
Processing Android Capture
AndroidCapture For Processing
Stars: ✭ 134 (-7.59%)
Mutual labels:  creative-coding
Ar Alphabets
Augmented Reality on Web (Web AR) for Kids to learn Alphabets with fun. AR on all Mobile Devices
Stars: ✭ 98 (-32.41%)
Mutual labels:  aframe
Urpflanze
A library for developers who want to approach to creative coding, artists who want to approach coding and for those who find it fun to play with math.
Stars: ✭ 118 (-18.62%)
Mutual labels:  creative-coding
2d Differential Growth Experiments
Visual experiments exploring differential growth as a 2D morphogenesis tool.
Stars: ✭ 140 (-3.45%)
Mutual labels:  creative-coding
Studio
An authoring platform to build Web Augmented Reality experiences, without coding knowledge
Stars: ✭ 135 (-6.9%)
Mutual labels:  aframe
Rad Lines
Beautiful Vector Generator Tool
Stars: ✭ 121 (-16.55%)
Mutual labels:  creative-coding

BeatPose

Play a Beat Saber clone with hand movements using Tensorflow.js & Posenet, in the browser! 🎉

Based on the awesome work by Supermedium on the beat saver viewer.

Live demo: https://beat-pose.netlify.com/

Blog post

Demo

Play BeatSaber with hand movements

How to use

  • Visit the live demo
  • Allow access to the webcam
  • Place yourself about 1-2m away from your computer in a place that has enough light.
  • Move your hands to see if the recognition works
  • Start playing and hit beats!

Rules

None! It's not a real game, more of an experiment 🙂.

The only "restriction" is that the left hand can only destroy the red beats and the right hand, the blue beats.

Tech stack

Development

To run locally, clone this repository and run:

npm install
npm run start

Then open localhost:9999 in your browser and the default song should be Bohemian Rhapsody - Queen, but you can search for other songs in the bottom search bar.

Support

These kinds of side projects take me a lot of time so, if you like them, your support would be really appreciated if you want to/can 🙂.

ko-fi

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].