Welcome to this head tracking demo

Click this button to continue

Browser check

Make sure your browser is in fullscreen

Allow camera access

Camera calibration

Look at the camera until the calibration prompt appears

Move the box to the left of the screen

You can move the box by rotating your head

For developers: you can get the position of the cursor from the coords property of the HeadTracker class

Move the box to the right of the screen

You can move the box by rotating your head

For developers: you can get the position of the cursor from the coords property of the HeadTracker class

Click the green box

You can click objects by keeping the red box on them for a few seconds

For developers: this emulates a regular onclick event for any element with the clickable class

End of demo