All Projects → LingDong- → Handpose Facemesh Demos

LingDong- / Handpose Facemesh Demos

🎥🤟 8 minimalistic templates for tfjs mediapipe handpose and facemesh

Programming Languages

javascript
184084 projects - #8 most used programming language
p5js
31 projects

Projects that are alternatives of or similar to Handpose Facemesh Demos

Colyseus Examples
Colyseus Game Server examples for learning purposes
Stars: ✭ 109 (-6.03%)
Mutual labels:  networking
Wwnetworkhelper
AFN层级更高的网络请求API
Stars: ✭ 111 (-4.31%)
Mutual labels:  networking
Tls Channel
A Java library that implements a ByteChannel interface over SSLEngine, enabling easy-to-use (socket-like) TLS for Java applications.
Stars: ✭ 113 (-2.59%)
Mutual labels:  networking
Pylinkvalidator
pylinkvalidator is a standalone and pure python link validator and crawler that traverses a web site and reports errors (e.g., 500 and 404 errors) encountered.
Stars: ✭ 109 (-6.03%)
Mutual labels:  networking
Wxgame Threejs
Threejs 开发微信小游戏
Stars: ✭ 111 (-4.31%)
Mutual labels:  threejs
Component Material
🧩 Compose modular materials in React
Stars: ✭ 112 (-3.45%)
Mutual labels:  threejs
Alamofire
Elegant HTTP Networking in Swift
Stars: ✭ 36,896 (+31706.9%)
Mutual labels:  networking
Ice
A Go implementation of ICE
Stars: ✭ 114 (-1.72%)
Mutual labels:  networking
Easyhttpcpp
A cross-platform HTTP client library with a focus on usability and speed
Stars: ✭ 110 (-5.17%)
Mutual labels:  networking
Wfpstarterkit
An example driver for Windows that shows how to set-up some basic components of the Windows Filtering Platform
Stars: ✭ 113 (-2.59%)
Mutual labels:  networking
Decoraki
🏠 3D Simulator for interior design
Stars: ✭ 110 (-5.17%)
Mutual labels:  threejs
Ws Machine
WS-Machine is a websocket finite state machine for client websocket connections (Go)
Stars: ✭ 110 (-5.17%)
Mutual labels:  networking
Redcon
Redis compatible server framework for Go
Stars: ✭ 1,683 (+1350.86%)
Mutual labels:  networking
Rxalamofire
RxSwift wrapper around the elegant HTTP networking in Swift Alamofire
Stars: ✭ 1,503 (+1195.69%)
Mutual labels:  networking
Angular Template For Threejs
Angular Template For Three.js
Stars: ✭ 114 (-1.72%)
Mutual labels:  threejs
Partykals
Particles system library for THREE.js
Stars: ✭ 109 (-6.03%)
Mutual labels:  threejs
Aura Operating System
AuraOS, the Franco-English Operating System developed in C# using Cosmos!
Stars: ✭ 111 (-4.31%)
Mutual labels:  networking
Webxr Handtracking
👐 WebXR hand tracking examples
Stars: ✭ 116 (+0%)
Mutual labels:  threejs
Foundational Knowledge For Programmers
List of resources about foundational knowledge for programmers (supposed to last a few decades)
Stars: ✭ 115 (-0.86%)
Mutual labels:  networking
Konterball
Konterball is a single or 2-player virtual reality game, built for the web as a Google VR Chrome Experiment.
Stars: ✭ 112 (-3.45%)
Mutual labels:  threejs

Mediapipe Handpose and Facemesh Demos

Table of Contnets

Handpose Demos

Collection of minimalistic demos/templates using mediapipe handpose with tensorflow.js. Created for and supported by the Frank-Ratchye STUDIO for Creative Inquiry.

The handpose package detects hands in an input image or video stream, and returns twenty-one 3-dimensional landmarks locating features within each hand. Such landmarks include the locations of each finger joint and the palm. -- blog.tensorflow.org

There are 4 templates included in this repo, 2 of them with three.js and 2 with p5.js, 2 are multiplyer via socket.io + express, and 2 are singleplayer static sites. They're all well commented and explained for beginners.

All demos are hosted on glitch.com 🎏

Online multiplayer 3D

Live | Remix | Source

  • tensorflow.js + mediapipe handpose
  • three.js
  • socket.io + express

Online multiplayer 2D

Live | Remix | Source

  • tensorflow.js + mediapipe handpose
  • p5.js
  • socket.io + express

Singleplayer 3D

Live | Remix | Source

  • tensorflow.js + mediapipe handpose
  • three.js

Singleplayer 2D

Live | Remix | Source

  • tensorflow.js + mediapipe handpose
  • p5.js

Also available on editor.p5js.org: https://editor.p5js.org/lingdong/sketches/1viPqbRMv

4 in 1

Glued together with iframes: https://handpose-demos.glitch.me/

Facemesh Demos

Collection of minimalistic demos/templates using mediapipe facemesh with tensorflow.js. Created for and supported by the Frank-Ratchye STUDIO for Creative Inquiry.

The facemesh package infers approximate 3D facial surface geometry from an image or video stream, requiring only a single camera input without the need for a depth sensor. -- blog.tensorflow.org

There are 4 templates included in this repo, 2 of them with three.js and 2 with p5.js, 2 are multiplyer via socket.io + express, and 2 are singleplayer static sites. They're all well commented and explained for beginners.

All demos are hosted on glitch.com 🎏

Keypoint Subsets

There're 3 additional keypoint subsets available in each demo to select from, as alternatives to the facemesh 468 vertices. See image below for indices and triangulation for each of them:

From left to right:

  • Minimal 7 points
  • Important features 33 points
  • Standard facial landmark 68 points
  • Full facemesh 468 points. A larger resolution and flattened version of the illustration is available in tfjs facemesh repo.

Online multiplayer 3D

Live | Remix | Source

  • tensorflow.js + mediapipe facemseh
  • three.js
  • socket.io + express

Online multiplayer 2D

Live | Remix | Source

  • tensorflow.js + mediapipe facemseh
  • p5.js
  • socket.io + express

Singleplayer 3D

Live | Remix | Source

  • tensorflow.js + mediapipe facemseh
  • three.js

Singleplayer 2D

Live | Remix | Source

  • tensorflow.js + mediapipe facemseh
  • p5.js

Also available on editor.p5js.org: https://editor.p5js.org/lingdong/sketches/ef6FB-uNq

Made at the Frank-Ratchye STUDIO for Creative Inquiry at Carnegie Mellon University.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].