It's a React + Tensorflow.js frontend web-game project. Tesnsorflow.js is a powerful and convenient deep learning libary. I use Movenet in tfjs-models to do single human body pose detection.
MoveNet is an ultra fast and accurate model that detects 17 keypoints of a body.
I use the shoulder key points and wrist key points to controll the flappy bird. Try to mimic bird flying and flap you arm, you will see the bird flying up !
Furthermore, this game will use you web-cam to detect your pose. But don't worry, even though you don't have web-cam you still can use mouse to play the game. Please follow the instruction and enjoy the game !
demo link: https://post-flappy-bird.netlify.app/
Please follow the game instruction and enjoy the game!
-
clone this repo
-
Install frontend package
yarn:cd post-flappy-bird yarnnpm:
cd post-flappy-bird npm install
yarn:
yarn startnpm:
npm start