p5.js sketch that uses clmtrackr to capture eye position and draw trails representing that over time

p5.js sketch that finds eye positions from the webcam and draws a representation of their movement, with random colors for the irises.

Click on the canvas to save an image; press a key to clear the canvas.

This sketch was very helpful in getting started with clmtrackr 🙏

xxxxxxxxxx
 
<html>
​
<head>
    <meta charset="UTF-8">
    <title>Eye trails</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.min.js"></script>
    <script src="https://www.auduno.com/clmtrackr/build/clmtrackr.min.js"></script>
</head>
​
<body>
    <script src="sketch.js"></script>
</body>
​
</html>
​
    

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/p5.min.js

https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.2/addons/p5.dom.min.js

https://www.auduno.com/clmtrackr/build/clmtrackr.min.js