eyeTrackerPortfolio banner

eyeTrackerPortfolio

3 devlogs
5h 12m 40s

I’ve made a website inspired by kylan o’connors portfolio, in which the eyes of a character follow the users cursor around the screen. I think its a really fun feature that would be a great addition to a portfolio or website alike.

This project uses AI

I vibecoded the footer and name, along with the donut cursor – i also used Claude in solving the relative spacings of the images for resizing cases.

Demo Repository

Loading README...

Leo Nguyen

Shipped this project!

I built a really fun website, where the character’s (Homer in this case) eyes follow your cursor around the screen. Applying the concept and math aspect in the code was definitely the hardest and most rewarding part of this project.

Leo Nguyen

Okay, I added some pretty cool features; other than plugging my name and github, i made the page resizable with relative instead of absolute positions and made the cursor a donut for the themes

Attachment
0
Leo Nguyen

Polished up the UI and some logic and now ready to ship.

0
Leo Nguyen

I prototyped the cursor eye tracker using a black dot on a white square and rotating using trig functions (atan2) for the angles. I think this is a good first step into the real thing.

Attachment
0