An interactive web-based puzzle game where players compare two side-by-side images to find hidden differences before time runs out. When a user correctly identifies a difference, a visual circle highlights the spot.
JavaScript, HTML5, CSS3
Built in a team of two as a first-semester assignment. I was responsible for the core geometric and mathematical logic required to detect, calculate, and highlight click target locations for differences on the images.
We initially calculated the difference coordinates using absolute pixel values, which broke responsiveness completely when tested on screens of different sizes and resolutions. To solve this, I refactored the spatial coordinate logic to calculate hit areas using relative percentages instead of fixed pixels. This made the hit detection fully responsive and accurate across any screen dimension.
