154 comments

[ 3.4 ms ] story [ 241 ms ] thread
All these little apps are really impressive from a web development point of view. Shows a real mastery of css, canvas, browser apis, JS, etc. Kudos.
Cool. Actually harder than I thought
This was fun! It seems like the faster I go, the better the median score gets. My finger on a phone beat my vertical mouse (as I expected), but not by much: 95.8% vs 93.5%.
Supercool!! it would be nice to see how do you rank with respect to other users, and see your percentile.
Fun, but needs more rewards than just a high score. Maybe something like a consecutive streak above 90%? Or a challenge where you need to target a given radius. Anyway, nice job.

(I recall how my senior hugh school maths teacher was wizz at drawing circles, lines and other geometry on the chalkboard)

Really fun distraction. Seems like I'm training an AI how to differentiate between bots and humans though...
This is fun and had a high potential for giving me some repetitive strain injury. My highest score of 97.1 doesn't visually feel like the best circle I've drawn though.
Its ideal circle is centred on the dot
Also interesting to try to get low percentages. Worst I could get was 53.1% by drawing a rectangle over my whole screen.
2.7% by starting the rectangle close to the dot (it measures deviation from the initial radius)
Thumbs superior for some reason
This is basically impossible with a trackball mouse :)
I've managed to get 97%, but only by busting out my ipad and using the stylus. A fun little game!
Try to keep the radius as small as it lets you. Move very slowly, you'll likely be too slowly the first few tries but find the slowest speed possible. I got 97.3% with a mouse doing this.
A nice square gets me 77%. Good enough for me.
Now somebody should make a Perfect Square game so you can draw a nice circle with the same result!
As a tip: what it's really checking is for a circle centered on the dot in the middle with the radius equal to your initial click's distance from the center. You could make a mid sized perfect circle which is slightly off the center of the dot and lose to a square that fills the play area.
(comment deleted)
I was wondering why some circles seemed great but got low scores. To test your tip, I just made a square and got 92%
My anticlockwise circles score more than my clockwise ones. Is there some theory behind that ?
Might have something to do with the mechanics of your shoulder. Particularly if your hand is in the air, counterclockwise feels more natural than clockwise. Or at least, for your right arm.

What happens if you repeat the experiment with your left hand?

if it was my left arm, are negative scores possible?
i think clockwise starting from the on your right hand naturally wants to drift rightward. Counterclockwise cancels the drift?

Have you tried switching hands and starting from the bottom?

Same here, and I always write the “a, o” clockwise. I was surprised to see my circle drawing skill is better anti clockwise :-)
This is what I aimed for since that is how a circle is defined in a cartesian equation: (x − a)^2 + (y − b)^2 = r^2 where a and b are the circle’s center point xy coordinates and r is radius.
But is a square more of a perfect circle than an off-center perfect circle?

Seems like this should derive the best center point of your circle, rather than mandating the dot.

But yes, we are overthinking it...

This explains why I'm able to achieve my lowest ever score (0.7%) by starting a sort of spiral shape near the dot, whereas drawing that spiral in reverse would be much closer to perfect (>85%).
Hey this is so well done! You know, you could put the sun on one of the the two focii and ask the user to draw the elliptical orbit of the earth - perfect real-life usecase.
(comment deleted)
Drawing a triangle resulted in a score of 77.9?
This made me curious how low I could get it. 27% was the lowest final score I could get. Everything else I attempted buzzered me.
By cheating with a Python script to move the mouse, I managed to get 99.9%. Seems difficult to get higher than that, perhaps due to the mouse position having integer coordinates.
I literray came here to see who is going to proclaim automation first (and in what way) :) Unsurprinsingly, it was the first comment.

100% perfect circle is a pure math thing and can't be achieved with drawing in any way.

In a similar vein, people claim it's impossible to draw a heptagon with a straight edge and ruler.

Sure, but good luck pulling of a perfect octagon either, given the limitations of pen and paper.

And there's a perfectly good approximation that'll very quickly produce a theoretical heptagon with error margins less than the thickness of a pencil.

1/7 ~= 1/8 + 1/64 + 1/512 + 1/4096

(1/n = sum(1...infinity) of 1/((n + 1) ^ i)

(A perfect heptagon requires infinitely many steps.)

Octagons are great fun to draw on graph paper. They're just a truncated square.
They are! But the octagons you draw that way aren’t regular (basically because sqrt(2) is irrational)
You can get pretty close with a pencil and a ruler though, if you have the right diameter of mechanical pencil. If you place the ruler dead on the corners of the squares and draw the line offset that tiny little bit, the error is barely perceptible without magnification.
Throw a compass into the mix and you'll get close enough.

But you like, fall off the grid man.

Are you trying to square a circle? We don't tolerate that witchcraft around these parts. Now git.
No - you can't square the circle, but you can get the square-root of 2.

Choose a corner and truncate, measure the edge length using a compass, and use that to draw the rest of the owl.

You can do it, but you end up with horizontal and vertical edges that are misaligned with the grid.

And I saw the opportunity to make a bad joke.

If you draw the diagonal sides as the diagonals of squares, they will have the square root of two times the length of the vertical or horizontal sides.
Fair enough. But you can get pretty close if you draw a 10x10 with 4 squares on the sides parallel to the graph. Or 5x5 with 3 on each side. The former is 6% over and the latter 6% under. And if you go juust a hair outside of the lines you're dead on. Such as a pencil tip's width off of the ruler.

I just worked that out with a calculator, but I'm fairly sure I worked that out empirically while bored in math class one year. My very wise teacher put me and the other bored kid way to the opposite side of the classroom from where his chalkboard was and looked the other way when we played 'squares' in class, safely out of the peripheral vision of any of the other kids. Probably the only time I ever dared 'pass notes' in class.

Sure, but if you want an octagon of a specific edge length then that won't help you.

Or if you want the largest octagon that fits in a given circle (octagon of a given radius).

    %!PS-Adobe-3.0 EPSF-3.0 
    %%DocumentMedia: a4 595 842 80 () ()
    newpath
    300 500 moveto
    /poly {
            /side exch def
            /angle  360 side div def
           side {
           angle rotate
           720 side div  0 rlineto
            } repeat
            stroke
            closepath 
    } def
    7 poly
    showpage

Save it as figure.ps. Also, you can try "8 poly", or "1000 poly" above "showpage".
A mac or windows app controlling the mouse I presume?
I used the pyautogui library on Linux. Then just a simple loop with an incrementing angle, with some overshoot in the end in order for the webpage to recognize that the circle was complete. First time using the library, worked pretty well, except I had to figure out that I had to use pyautogui.PAUSE = 0 to make it not pause between mouse movements.
Did you film it by any chance? This would be a good throw-away Twitter or blog post
Arduino controlling a robotic arm holding a mouse, written in C.
powered by a large language model
Another great neal.fun page. One feature I'd like to see is, make the user to N circles in a row and take the median score or something. Right now you can just spam hundreds and take your top score, but it doesn't really reward consistency.
Yeah, we all totally need consistency reward. The game will become borring without it :)
A consistency reward is a cute idea. It's like "I can't draw your definition of a perfect circle, but I can draw my perfect circle"
One of my maths teachers was able to draw up to something like a three foot circle on the blackboard that looked very, very close to ideal every time. He would always use two arcs to do it and it was uncanny. He would whip out a metre/yard rule to do straight lines because they are much harder to do.

Your limbs etc are all a collection of ball and socket/downright weirdly jointed/hinges with benefits/more weirdness. You then want to use this monstrose agglomeration (did I mention how you move the bloody things?) to draw a circle? Obviously you would decide to run a finger over a simulator of a lump with a ball in it and some on/off switches.

People are weird. Nice website though.

My middle school maths teacher (awesome guy, also had a mustache - mid 90s) taught us how to draw (large) circles on blackboards easily:

Start from the bottom and go counter-clockwise full circle having your arm fully extended. After the first couple of tries, when you build up confidence through the results, the circles get very good. The trick is not moving slowly, but doing it in one go.

The 3'/two ark circles he would do the same way, but using the elbow as the central/pivot point instead of the shoulder.

I wonder if standing sideways helps too
At my university the math department held an annual chalkboard circle drawing competition.
I am imagining I somehow have a hidden wire up my sleeve creating the radial tension for a perfect circle

Fishing line attached to a collar around my shoulder could could work

On a completely different note, in grade school I figured out you can tie fishing line to a pencil and wait for someone to try picking it up. Then give a little jerk so it moves 10 inches or so

People react wildly differently when they suddenly see behavior their mind cannot process! One math teacher walking around the back of class literally jumped up and a gave out a loud “Ieeeyaaa!” shout.

We can react to something much faster than we can think it through

Please draw for me perfect circle first for me to follow ?
There’s a mini game in Mario Odyssey about walking a perfect circle. This reminds me of that. It’s charming.
That challenge was surprisingly hard. Even with the couple of landmarks (I think a few small bushes). It’s weird how high the difference was between what looked like a perfect circle and what was actually expected. It was almost like an optical illusion.
I got 100% (the second moon) purely by the feel of the controller. I didn’t even look. I just started an arc and held fast. It’s amazingly difficult to walk a perfect circle.
An even better challenge: try to draw the least circle-like thing. It is surprisingly hard!
Interestingly it will stop you if you start to go the “wrong” way. Without looking at the source code, I’m wondering if it is keeping a convex hull to determine this?
You can get an artifically high score by finishing the last 90 degrees or so with a straight line segment, FYI. I can usually break 90% with something that doesn't resemble a circle very much at all.
I just got 97.9: I wish it would allow saving a specific run to load with a link.