GALLUHREE—
A VIRTUAL GALLERY USING AN EYE TRACKER

A digital art experience that brings a gallery directly to users’ homes, transforming the act of viewing into an interactive and personalized journey. The project combines historic artworks with algorithmically generated responses to create a unique encounter for each visitor.

Fields

UX/UI Design
Front-end Development
Webcam Eye Tracking
Creative Coding
Contribution

Conception
Prototyping
Programming
Tools

Adobe Xd
HTML, CSS & JS
WebgazerJS
P5JS
GitHub
Project Thumbnail

The project explores the intersection of art, technology, and personal interaction, investigating how digital tools can mediate cultural experiences. It aims to turn passive viewing into active participation, using real-time data to generate individualized outcomes. By incorporating eye tracking, the project also reflects on the broader implications of monitoring and tracking in contemporary digital life.

See for yourself and create your own artwork!

As users navigate the website and explore historic artworks, an algorithm runs in the background to track their eye movements. These movements are then translated into unique, algorithmically generated artworks, adding an element of surprise and individuality to the experience. The combination of curated cultural content and personalized response invites reflection on both the artworks themselves and the ways in which technology shapes perception and engagement.

Project Image Project Image Project Image Project Image
Project Gif

The central theme of this project was the art of tracking within our contemporary technological society. Therefore, Anna Brauwers and I used Webgazer.js to capture viewers’ eye movements through a webcam, which are then processed using P5.js to generate personalized artworks. By integrating real-time tracking with generative graphics, the system transforms user behavior into unique visual outputs, creating a seamless interactive experience that blends technical innovation with artistic exploration.