Draw a Perfect Circle

How to play

Click on the canvas and drag your mouse (or finger on mobile) to draw a circle as best you can. Try to make it smooth, evenly round and close the loop by connecting the end back to where you started. When you release, the game analyzes your drawing and gives you a score from 0 to 100 percent. Click Try Again to keep improving your score. Your best score is saved in your browser.

Why Drawing a Perfect Circle is Harder Than It Looks

The Italian master Giotto reportedly drew a perfect circle freehand to prove his skill to a papal envoy — a legend so persistent that it gave us the phrase "Giotto's O." Modern neuroscience explains why this is so hard: your brain's motor cortex must maintain a constant radius, a consistent speed, and a closed loop simultaneously, while your wrist fights the natural tendency to produce ellipses and spirals. Most people score between 60 and 80 percent on their first attempt. The game measures your circle against a mathematical ideal and breaks down exactly where your hand deviated — making it weirdly instructive, not just fun.

Key Features

• Three-factor scoring: Your result is weighted across circularity (4π·area/perimeter² ratio), radius consistency (standard deviation of point distances from centroid), and closure (how well the start and end points meet).
• Ideal circle overlay: After scoring, a dashed gold circle is drawn over your attempt showing the mathematically perfect circle of the same average radius — lets you see exactly where you veered.
• Animated score ring: The result animates as a filling ring that turns green for excellent scores, gold for good, orange for fair, and red for poor — satisfying to watch either way.
• Attempt counter: Tracks how many tries you've made this session so you can see if practice is improving your score in real time.
• Persistent best score: Your all-time best percentage is saved in localStorage — keeps the competitive pressure on across sessions.
• Touch support: Works with finger drawing on any touchscreen device — though stylus typically scores higher than finger.

Real-Life Use Cases

• Artist warm-up: Illustrators and calligraphers use circle-drawing drills to loosen their wrist before detailed work — this game gamifies that drill.
• Occupational therapy: Fine motor exercises like freehand circle drawing are used in hand rehabilitation — this adds a measurable feedback component.
• Classroom engagement: Art and geometry teachers use it to make roundness feel concrete — students instantly understand why a circle's definition (equidistant from center) is non-trivial to draw.
• Friend competition: Pass the phone around a table. Everyone gets three attempts, and whoever scores highest wins. Zero setup, instant results.

Who Can Use This

Anyone with a mouse, trackpad, or touchscreen can play. No gaming skill required — this is a test of hand steadiness and spatial awareness, not reflexes. Artists will find it a satisfying skill check; kids enjoy the instant feedback; adults who "can't draw" are often surprised to find they score better than expected once they slow down and commit to the arc.

Tips & Best Practices

• Draw medium-sized circles: Very small circles give the scoring algorithm fewer points to analyze and score poorly. Very large ones are harder to close smoothly. Aim for 60–70% of the canvas width.
• Go slow and steady: Fast strokes produce jagged point clusters that tank the radius consistency score. A deliberate, even pace scores significantly better.
• Use your whole arm: Wrist-only circles tend to be ellipses. Pivot from the elbow or shoulder to let the arm act as a natural compass.
• Close the loop consciously: The closure component is 20% of your score. As you complete the circle, aim deliberately back at your starting point — don't let the loop just drift shut.
• Try a stylus on mobile: If you're on a tablet, a stylus gives dramatically more precise control than a finger and usually adds 10–15 percentage points to your score.