Project information

• Category: Web design (Front End)
• Client: N/A
• Project date: 27 May, 2022
• Project link: Eyes demo
• Access Eyes' Github Repository (opens in a new tab)

Magic Eyes is an excercise to further understand how to communicate with the DOM by interpreting mouse events, a popular way to bind the DOM elements to events. Magic Eyes uses a canvas to overlay an optional video frame from the webcam, which can be activated by the user, with the fake eyes that follows the mouse. The eyes can be resized and the pupil can be recoloured to fit your preferences.