<em>Shader Pipe</em>

<em>-- What --</em><br> Sandbox for experiments with <em>GLSL</em> and Google's <em>MediaPipe</em>, based on <em>Three.js</em> and <em>React.js</em> with <em>Material-UI</em>.<br> Includes face detection and hands tracking.

<em>-- How --</em><br> Live demo is <em>here.</em><br> Allow browser to use a camera, select from menu face, hands or filtering effect, play with settings.<br> Use full screen mode (F11) for better experience.

<em>Contact: LinkedIn<em>

<p align="center" align="left"> <img src="https://github.com/syanenko/ShaderPipe/assets/6688301/8f98add3-f0f7-4909-8660-632afd36f367" alt="Mask" width="600"> <p align="center"> <em>Mask</em> </p> </p>

<p align="center" align="left"> <img src="https://github.com/syanenko/ShaderPipe/assets/6688301/a7974075-2d27-48a3-b0dd-584097d46ba2" alt="Fireball" width="600"> <p align="center"> <em>Fireball</em> </p> </p>

<p align="center" align="left"> <img src="https://github.com/syanenko/ShaderPipe/assets/6688301/3a1c70c0-209a-41a9-9352-494d736e0ba2" alt="Gobelin" width="600"> <p align="center"> <em>Gobelin</em> </p> </p>

<p align="center" align="left"> <img src="https://github.com/syanenko/ShaderPipe/assets/6688301/eaba6e2f-93bc-49d9-b7bb-2449c40d2d49" alt="Gobelin" width="600"> <p align="center"> <em>Toon</em> </p> </p>