--- title: Hand Tracking description: Device support for the popular leap motion peripheral has existed in janus for years. In this log we look at the past and future of using our hands in mixed reality. image: https://xrdevlog.com/img/handtracking.jpg robots: index, follow lang: en dir: ltr breaks: true disqus: xrdevlog --- # Hand Tracking {%hackmd theme-dark %} Device support for the popular leap motion peripheral has existed in janus for years. In this log we look at the past and future of using our hands in mixed reality. Originally published February 2019 ###### tags: `devlog` `hands` `janus` `input` `ui` One of the first things people do in a VR demo is look at their hands. Leap motion support was added to janusvr on November 21, 2014 and in janusweb on June 24, 2016. Movements with leap motion are also transmitted through the networked presence server for both clients so multiple people can see hand gestures. ![Looking at hands in a light shadow webvr demo](https://i.imgur.com/qlG0GuT.jpg) Hands are an ideal standard input device for prototyping UI/UX in VR simply because they are always powered, familiar, and connected to the user which already makes it better than most of the controllers people are using today. ![Hands were used to search records and play them on machines](https://i.imgur.com/qm39b7Y.jpg) ![Reaching into 6 janusweb sites at once](https://i.imgur.com/5EWKJ2X.jpg) ![](https://i.imgur.com/j5beseH.gif =100%x) ![](https://i.imgur.com/c9hExRI.gif =100%x) ## Notes ![Useful UI zones in VR](https://i.imgur.com/6IJu8io.jpg) Designing a UI/UX for leap motion with VR will transition smoothly for use in AR, especially with project north star becoming more available to developers. ![Prototype UI seen through project north star](https://i.imgur.com/hvDI3nS.gif =100%x) ![Pull out various tabs with pinch and drag](https://i.imgur.com/vhUpLNh.gif =100%x) <p align="center"><iframe width="100%" height="400" src="https://www.youtube.com/embed/o7OpS7pZ5ok?t=1200" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></p>