An open API service indexing awesome lists of open source software.

https://github.com/galib-23/flappy-plane-react-ml5

✈️ Flappy plane is a deep learning based gesture controlled game developed with react.js and ml5
https://github.com/galib-23/flappy-plane-react-ml5

Last synced: 3 months ago
JSON representation

✈️ Flappy plane is a deep learning based gesture controlled game developed with react.js and ml5

Awesome Lists containing this project

README

        

# Flappy Plane Game with Gesture Control

A fun and interactive game built using React, where players control a plane using hand gestures detected through a webcam. The game utilizes machine learning for gesture recognition, allowing players to navigate the plane through obstacles.

## Table of Contents
- [Demo](#demo)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Contributing](#contributing)
- [License](#license)

## Demo
[Live Link](https://flappy-plane-911.netlify.app/)

## Features
- Gesture recognition using Teachable Machine.
- Smooth animation for plane movement.
- Interactive gameplay with a game over screen.
- Responsive design for different screen sizes.

## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **ml5.js**: A friendly machine learning library for JavaScript.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **Teachable Machine**: A web-based tool to train machine learning models.

## Installation

To get started with the project, clone the repository and install the required dependencies.

- Clone the repo and install dependencies

```bash
git clone https://github.com/Galib-23/flappy-plane-react-ml5.git
cd flappy-plane
npm install
```

- Start local server
```bash
npm run dev
```

_Enjoy!_