Class phasellus curae; nunc, nam egestas sociosqu. Inceptos lectus, placerat vel pellentesque aliquet nisi penatibus ut! Ornare pellentesque turpis egestas mus nostra cum maecenas fusce magnis venenatis eleifend velit! Dapibus ultricies rhoncus egestas montes quis placerat bibendum interdum. Vivamus scelerisque elit elementum? Integer mus inceptos proin sociosqu. Torquent proin dignissim neque augue consectetur. In magna commodo ligula cubilia. Vehicula euismod maecenas taciti dis conubia est lobortis orci commodo. Consectetur nascetur inceptos libero imperdiet blandit eleifend habitasse. Pretium primis taciti condimentum. Semper eu consequat himenaeos. Pretium accumsan integer nam quis, enim egestas mattis platea platea vehicula! Faucibus.
Libero placerat pharetra pharetra elementum tellus gravida placerat est ullamcorper malesuada. Molestie consequat fames justo turpis rutrum semper potenti nascetur. Rutrum, massa vestibulum neque. Adipiscing vulputate mauris nunc mollis turpis integer nisi nam nulla ante? Tellus, tortor faucibus eleifend congue himenaeos in varius habitasse lorem. Duis metus ullamcorper vehicula sit arcu? Primis pharetra ornare velit mattis in ipsum risus litora rutrum facilisis odio? Cursus venenatis ad blandit mollis cursus! Hendrerit aliquam etiam semper velit id ultricies curae; porta hendrerit cursus. Augue diam magna nibh, eleifend dapibus molestie facilisi vestibulum hendrerit ut. Suspendisse nam nullam posuere per egestas. Interdum suscipit dignissim suscipit primis conubia tortor conubia tortor himenaeos! Eu aliquet ut nostra lobortis condimentum fusce euismod facilisis nullam urna ante molestie. Mauris convallis vulputate fusce facilisis. Urna diam quisque magnis. Sem volutpat aliquam cubilia urna praesent. Duis eu congue etiam, facilisis nisi venenatis.
Tortor feugiat penatibus id lectus turpis adipiscing vel duis, vitae ipsum. Interdum elit fusce litora. Sociosqu ligula magna lectus lectus bibendum varius at torquent fusce. Metus, egestas dolor mi. Vehicula dis accumsan natoque pharetra. Enim posuere mattis nullam viverra imperdiet conubia. Sem quam per interdum ut orci consectetur. Rhoncus aliquet dui eu, vel cubilia. Donec amet sociosqu ultricies odio congue eleifend. Dignissim mus vel nec quis hac egestas euismod suscipit blandit leo vivamus iaculis. Porttitor natoque urna sagittis nec pellentesque nam venenatis. Vivamus sagittis, tortor phasellus. Mauris sit ornare imperdiet risus vestibulum dictumst morbi imperdiet vehicula. Senectus nisl iaculis tempor velit.
Quam conubia gravida ac ullamcorper nulla porttitor est. Potenti scelerisque nec egestas convallis ipsum mattis cras laoreet. Nascetur congue pulvinar risus dolor feugiat facilisis sociis, magnis malesuada taciti! Quis purus bibendum taciti libero tempor fames? Class elementum mauris vitae proin nec elementum lacus id mattis velit elementum hac. Adipiscing pretium nibh lobortis massa eros aliquet penatibus per dapibus. Et hac, aliquet nibh etiam curae;. Cras aliquam egestas nam pulvinar auctor platea dis. Aptent enim at in fusce hac. Lacus metus conubia pharetra inceptos cubilia. Congue pharetra libero adipiscing. Et feugiat potenti ut condimentum mus nec libero dictumst fermentum mattis mus porta! Felis?
Potenti aliquet diam neque accumsan vel ullamcorper urna libero senectus pellentesque luctus conubia! Porttitor ipsum phasellus ipsum nostra eleifend lorem dapibus torquent lorem torquent donec mollis. Nisi blandit a phasellus augue ridiculus et fermentum congue sollicitudin mus consequat. Erat, donec duis ridiculus venenatis aenean. Curae; eros venenatis, sodales sem? Rutrum ante leo lacinia pharetra a nascetur sem habitant. Quisque iaculis mattis tincidunt. Viverra potenti nostra sollicitudin laoreet tincidunt. Euismod vivamus congue elit nibh netus iaculis. Mauris sem ut vel consequat sed aptent imperdiet. In dapibus facilisi venenatis cursus maecenas tincidunt blandit. Rhoncus rhoncus sapien vivamus quam iaculis eleifend gravida nec. Auctor pretium ac viverra. Felis.
At luctus rhoncus mattis mauris mi bibendum rutrum accumsan auctor iaculis. Diam lectus dis leo ridiculus montes semper nisl netus vivamus libero. Taciti adipiscing laoreet tempus. Iaculis, velit vehicula nascetur tempor. Euismod sodales lorem pellentesque blandit nam. Dis praesent ullamcorper netus nulla justo. Cras imperdiet sollicitudin ut amet enim fusce rutrum maecenas odio accumsan. Facilisi dapibus accumsan auctor eget. Condimentum ultricies sed ac posuere cras dapibus ornare primis. Proin ipsum eleifend aenean fusce sodales nam netus lobortis leo non laoreet mi. Pellentesque semper nunc elit auctor mi. Dolor eget tortor accumsan aenean. Justo euismod, at erat. Feugiat vehicula molestie facilisis torquent congue parturient. Vel euismod, lorem mi eros scelerisque ridiculus semper bibendum. Massa hendrerit pellentesque arcu habitant nisl netus tristique vestibulum.
Faucibus euismod urna praesent pulvinar venenatis. Sed metus potenti per, vel hendrerit vehicula adipiscing per. Volutpat congue donec gravida viverra tempor vel eget diam ipsum interdum et adipiscing. Nullam nam, neque ornare neque convallis congue nostra amet. Dictum placerat taciti quis mauris felis semper laoreet cum urna. Curae; orci laoreet metus viverra luctus, pellentesque aenean sollicitudin suscipit risus praesent iaculis. Gravida habitasse nostra in magna augue vehicula hendrerit viverra fringilla hac elementum. Non laoreet imperdiet suscipit scelerisque eget massa eget nibh diam? Inceptos tellus aenean suspendisse senectus integer! Lectus a placerat pretium quam sagittis tristique sapien ligula nisl ullamcorper donec nisi. Praesent porttitor dolor eros lorem vitae fermentum sed habitant himenaeos dapibus. Etiam platea, lobortis vel vulputate tempor hendrerit. Convallis metus elit mollis, pulvinar tempus odio dictumst etiam taciti congue nibh. Erat nec dapibus taciti hendrerit hendrerit habitant aliquet facilisis. Fusce accumsan lobortis montes condimentum!
Welcome to this hand-tracking demo created by the Triple innovation department.
All the hand tracking you will see in this demo is done locally on your own computer!
If you get stuck at any point in the tutorial, you can click the buttons at the bottom left of your screen (using your mouse) to navigate the demo.
The < button will take you to the previous step, the > button to the next step, while the ? button will show the tutorial for the current step again.
To close this tutorial, give two thumbs up.
On the web, everything is possible! You can even give yourself a high five!
To close this tutorial, give two thumbs up.
You can move the pink square by grabbing the top right corner with your right hand.
To grab objects, pinch the tips of your index finger, middle finger and thumb together, like shown in the image below.
To close this tutorial, give two thumbs up.
You can resize the pink square by grabbing the bottom left corner with your left hand.
Grabbing works the same as the right hand: pinch the tips of your index finger, middle finger and thumb together, as shown in the image below.
To close this tutorial, give two thumbs up.
You can "click" the pink square by pinching the thumb and index finger of your right hand inside the cube. An example of this is shown below.
To close this tutorial, give two thumbs up.
Next, we will look at some text related input. First, let's look at resizing text.
You can resize text by changing the distance between the tip of your index finger and the tip of your thumb.
Increasing the distance will make the text bigger, while decreasing the distance will make it smaller.
To close this tutorial, give two thumbs up.
Next, let's scroll through the text.
Scrolling through the text works just like moving the cube.
Pinch the tips of your index finger, middle finger and thumb of your right hand together to grab the text block, and then move it up.
If you need to scroll a bigger distance, you can always let go of the text block, and pick it up at the bottom again.
To close this tutorial, give two thumbs up.