# Using eye tracking / gaze data in creative coding with p5js

**URL:** https://discourse.processing.org/t/using-eye-tracking-gaze-data-in-creative-coding-with-p5js/7143
**Category:** Gallery
**Created:** [January 3, 2019, 9:27pm UTC](https://discourse.processing.org/t/using-eye-tracking-gaze-data-in-creative-coding-with-p5js/7143 "2019-01-03T21:27:18Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![haschdl](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/haschdl/32/1082_2.png) [@haschdl](https://discourse.processing.org/u/haschdl)
#### Post date: [January 3, 2019, 9:27pm UTC](https://discourse.processing.org/t/using-eye-tracking-gaze-data-in-creative-coding-with-p5js/7143/1 "2019-01-03T21:27:18Z")

</div>

Hello! I created a service to expose eye-tracking data from Tobii to Javascript via web sockets. The animation below is a p5.js sketch connected to the service, and using the gaze position as the focal point of the animation. The drawing itself is based on example from the book Generative Design. The source code and more details are in [Github](https://github.com/haschdl/EyeTrackerService). HD video of animation is in [Vimeo](https://vimeo.com/309360509).

[![](https://canada1.discourse-cdn.com/flex036/uploads/processingfoundation1/original/2X/a/a00e2cb3d7ff156607d25616ce65b7d14d2e96af.gif) ](https://raw.githubusercontent.com/haschdl/EyeTrackerService/master/Client/docs/EyeTrackerTest02.gif)