The Circle Accuracy Challenge is a browser-based interactive game where users test their drawing precision by attempting to draw a perfect circle around a target point. The application uses the HTML5 Canvas API to track mouse or touch movements and render the user's drawing in real time. After drawing, the program evaluates how close the shape is to a perfect circle by calculating the variation in distances between the drawn points and the center target, then assigns a score and tracks the best result for the session.
Displays a red dot at the center of the canvas that acts as the target point around which the user must draw a circle.
Allows users to draw freely on the canvas using mouse or touch input, with smooth line rendering as the pointer moves.
Calculates how close the drawn shape is to a perfect circle by measuring the consistency of distance from each drawn point to the center.
Stores and displays the highest score achieved by the user during the current browser session using Session Storage.
Provides a reset button that clears the canvas and allows the user to attempt drawing a new circle at any time.
Allows users to capture their drawing and score as an image for sharing or saving.
Plays different sounds for drawing, success, or failure to enhance the overall user experience.