Desperately Seeking Squircles (2018)

figma.com

18 points

kjeetgill

5 days ago


8 comments

rob74 a day ago

"Squircle" is a bit of a misnomer, isn't it? A "classic" rectangle with rounded corners is a rectangle with circle segments added at its corners, while a squircle actually has nothing to do with a circle. It reminds me more of the way curves in railways are designed: one might think that these are circle segments too, but that would mean that when going from the straight track to the curve, the centripetal (and centrifugal) acceleration would go from 0 to max instantly, which would lead to a sudden jolt, increased track wear etc. Instead, transition curves (https://en.wikipedia.org/wiki/Track_transition_curve) are used to gradually increase the lateral force.

  • deruta a day ago

    As I see it, the name fits perfectly. If the superellipse is a square at n -> inf and a circle at n = 2, then in-between... welp, a squircle.

Lare2 4 days ago

Wasn't Nokia the one that first used squircles in a phone. Why all references for anything always start with apple.

saagarjha a day ago

I know it's frowned upon to comment on the formatting of a post, and this isn't really a complaint but more of a bug report since someone from Figma might stumble upon this. Your fake cursor assets are not Retina.

  • flobosg a day ago

    Same with the rendered math formulas, they could get a bit more love. Great post nevertheless!

otikik a day ago

This must be one of those things that people that notice kerning notice.

hexasquid 5 days ago

Intake of breath from the zune owners