https://github.com/syanenko/shaderpipe

Sandbox for experiments with GLSL and Google's Mediapipe, based on Three.js and React.js with Material-UI
https://github.com/syanenko/shaderpipe

face-detection glsl glsl-shaders hand-tracking madiapipe-face mediapipe mediapipe-hands react shaders three-js threejs webgl

Last synced: 3 months ago
JSON representation

Sandbox for experiments with GLSL and Google's Mediapipe, based on Three.js and React.js with Material-UI

• Host: GitHub
• URL: https://github.com/syanenko/shaderpipe
• Owner: syanenko
• License: gpl-3.0
• Created: 2021-01-06T04:48:14.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2024-03-19T02:44:33.000Z (11 months ago)
• Last Synced: 2024-04-18T23:12:38.813Z (10 months ago)
• Topics: face-detection, glsl, glsl-shaders, hand-tracking, madiapipe-face, mediapipe, mediapipe-hands, react, shaders, three-js, threejs, webgl
• Language: JavaScript
• Homepage: https://shaderpipe.yesbird.ru
• Size: 21.8 MB
• Stars: 6
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Shader Pipe

-- What:


Sandbox for experiments with [GLSL](https://www.khronos.org/opengl/wiki/Core_Language_(GLSL)) and Google's [MediaPipe](https://mediapipe.dev/), based on [Three.js](https://threejs.org/) and [React.js](https://reactjs.org/) with [Material-UI](https://material-ui.com/). Includes face detection and hand tracking.

-- How:


Live demo is [here](https://shaderpipe.povlab.online).


Allow browser to use a camera, select from menu face, hands or filtering effect, play with settings.


Use full screen mode (F11) for better experience.

-- Contact: [LinkedIn](https://www.linkedin.com/in/sergey-yanenko-57b21a96/)


#



  

 



   Mask

 


#



  

 



   Fireball

 
 


#



  

 



   Gobelin

 
 


#



  

  



    Toon

  
 


#