Learn how to create a full 3D hand controller with depth, using @mediapipe/hands and Three.js.

Codrops stands at the forefront of innovation in web design, serving as a boundless source of inspiration and knowledge for designers and developers alike. Through a captivating array of tutorials, demos, and showcases, Codrops invites creatives to embark on a journey of exploration, pushing the boundaries of what's possible in web development. From  CSS techniques and JavaScript animations to immersive user interfaces and experiential storytelling, Codrops empowers designers and developers to unleash their creativity and craft unparalleled digital experiences that captivate and engage audiences.

Codrops

Learn how to control elements in a 3D scene using your hands, a webcam, and a web browser. The tutorial leverages MediaPipe for hand tracking and Three.js for rendering the 3D environment. It includes step-by-step instructions on setting up the hand detection, creating a WebGL scene, and managing gestures for interactive controls in a browser-based 3D space.

Creating a 3D Hand Controller Using a Webcam with MediaPipe and Three.js

<p>Oh my goodness, this is too sick!! And I’m sitting here and struggling with flex box lol</p>


<p>Damn guys this is amazing! I have an idea for this</p>
