Skip to content

This is a fun project built using ml5.js and p5.js. Use your hand gestures to move the webpage.

License

Notifications You must be signed in to change notification settings

AVAniketh0905/HandPose_Scrolling

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Hand Pose Detection using TensorFlow.js and ML5.js

This project uses TensorFlow.js/ML5.js to detect the pose of a human hand in real-time. The model is trained to recognize a variety of hand poses, including open, closed, and partially open.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

Before you can run this project, you will need to have the following software installed:

Node.js

p5.js

ml5.js

All the dependencies can be found in the scripts folder.

Running the Model

Open index.html file and wait for the model to load. After the model is loaded,you can press S key on the keyboard to start the model.This will start the model and begin detecting hand poses in real-time. And press the X key on the keyboard to stop the model.

Scrolling the Page

You can use gestures to control the page,

To go UP:

Turn your hand to right and hold for few seconds.

To go DOWN:

Turn your hand to left,until your thumb points in the downward direction and hold for few seconds.

You should see the page scroll up/down according tou your hand gestures. To stop the model press the X key on the keyboard.

Demo

This is a simplified version of the above model built on the Web Browser(p5.js).

HandPose_Web

Built With

TensorFlow.js : A JavaScript library for training and deploying machine learning models in the browser.

p5.js : A JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners

ml5.js : A Javascript library for easy accesiblity of machine learning models build on top of Tensorflow.js.

Authors

A_V_Aniketh : GitHub Account

License

This project is licensed under the Apache 2.0 License - see the LICENSE.md file for details.

Acknowledgments

TensorFlow.js_Handpose_Example : This project was inspired by the TensorFlow.js Handpose Example.

About

This is a fun project built using ml5.js and p5.js. Use your hand gestures to move the webpage.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published