https://github.com/talhat298/facemesh

Facemesh is an open-source web-based 3D modeling and animation tool that allows you to create and manipulate 3D models of faces, heads, and bodies in real-time.
https://github.com/talhat298/facemesh

3d-models detection html-css javascript mediapipe p5js sketch

Last synced: 5 days ago
JSON representation

Facemesh is an open-source web-based 3D modeling and animation tool that allows you to create and manipulate 3D models of faces, heads, and bodies in real-time.

• Host: GitHub
• URL: https://github.com/talhat298/facemesh
• Owner: TalhaT298
• Created: 2023-11-15T17:50:47.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2024-01-30T20:52:05.000Z (11 months ago)
• Last Synced: 2024-01-30T21:58:30.185Z (11 months ago)
• Topics: 3d-models, detection, html-css, javascript, mediapipe, p5js, sketch
• Language: JavaScript
• Homepage:
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Description

This code uses the **MediaPipe** library to perform facial landmark detection on a video stream. The **detection.js** script initializes a face mesh model, configures its options, and sets up a callback function (gotFaces) to handle the detection results. The **sketch.js** script creates a **p5.js** sketch that visualizes the facial landmarks on a canvas. It checks for facial landmarks in the draw function and, if detected, draws points representing the landmarks using the **p5.js** library. The HTML file includes the necessary script references and a video element with the id "video" for capturing the webcam feed. Together, these scripts provide a simple facial landmark detection and visualization using **MediaPipe** and **p5.js**.

## Live Link