https://github.com/scorleos773/camcraze
CamCraze is a fun and interactive web application that lets users apply virtual face filters, such as glasses and hats, in real-time. Using a webcam feed, the app detects facial landmarks and overlays the filters seamlessly onto the user's face. It's an engaging way to experiment with different looks while leveraging computer vision technology.
https://github.com/scorleos773/camcraze
face-recognition faceapi-js reactjs realtime-rendering tensorflowjs webrtc
Last synced: 30 days ago
JSON representation
CamCraze is a fun and interactive web application that lets users apply virtual face filters, such as glasses and hats, in real-time. Using a webcam feed, the app detects facial landmarks and overlays the filters seamlessly onto the user's face. It's an engaging way to experiment with different looks while leveraging computer vision technology.
- Host: GitHub
- URL: https://github.com/scorleos773/camcraze
- Owner: SCORLEOs773
- Created: 2025-04-29T15:17:03.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-04-29T15:21:21.000Z (about 1 year ago)
- Last Synced: 2025-06-21T00:09:55.862Z (12 months ago)
- Topics: face-recognition, faceapi-js, reactjs, realtime-rendering, tensorflowjs, webrtc
- Language: JavaScript
- Homepage:
- Size: 669 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# CamCraze – Live Face Filters App
**CamCraze** is a real-time face filter application that uses webcam video feed to apply virtual glasses, hats, and other customizable filters on a user's face. Built using React and **Face-api.js**, the app uses state-of-the-art face detection and landmark mapping techniques to identify and position filters correctly.
### Features:
- **Real-time Face Detection:** Detects faces and their landmarks such as eyes, nose, and mouth.
- **Face Filters:** Apply customizable filters (like glasses and hats) on the face in real-time.
- **Webcam Integration:** Uses the device's webcam to stream video and overlay filters live.
---
## Key Technologies Used:
- **React** – Frontend library for building the user interface.
- **Face-api.js** – Face detection and landmark detection library.
- **Tiny Face Detector** – For detecting faces in real-time.
- **Face Landmark Detection** – For pinpointing specific facial features.
- **Face Recognition** – Optional for face recognition and identity verification.
- **JavaScript (ES6+)** – Modern JavaScript syntax for functionality and features.
- **Canvas API** – For rendering filters on top of the live webcam feed.
- **HTML5** – Structure of the page and video streaming.
- **CSS3** – Styling the application for a clean and modern look.
- **MediaDevices API** – For accessing the device's webcam in real-time.
---
## How to Run:
### 1. Clone the repository:
```bash
git clone https://github.com/your-username/CamCraze.git
cd CamCraze