Squircle
Asquircleis ashapeintermediate between asquareand acircle.There are at least two definitions of "squircle" in use, the most common of which is based on thesuperellipse.The word "squircle" is aportmanteauof the words "square" and "circle". Squircles have been applied indesignandoptics.
Superellipse-based squircle
[edit]In aCartesian coordinate system,thesuperellipseis defined by the equation whereraandrbare thesemi-majorandsemi-minoraxes,aandbare thexandycoordinates of the centre of the ellipse, andnis a positive number. The squircle is then defined as the superellipse withra=rbandn= 4.Its equation is:[1] whereris the minorradiusof the squircle, and the major radius is the geometric average between square and circle. Compare this to theequation of a circle.When the squircle is centred at the origin, thena=b= 0,and it is calledLamé's special quartic.
Theareainside the squircle can be expressed in terms of thegamma functionΓas[1] whereris the minor radius of the squircle, andis thelemniscate constant.
p-norm notation
[edit]In terms of thep-norm‖ · ‖ponR2,the squircle can be expressed as: wherep= 4,xc= (a,b)is the vector denoting the centre of the squircle, andx= (x,y).Effectively, this is still a "circle" of points at a distancerfrom the centre, but distance is defined differently. For comparison, the usual circle is the casep= 2,whereas the square is given by thep→ ∞case (thesupremum norm), and a rotated square is given byp= 1(thetaxicab norm).This allows a straightforward generalization to aspherical cube,orsphube,inR3,orhypersphubein higher dimensions.[2]
Fernández-Guasti squircle
[edit]Another squircle comes from work in optics.[3][4]It may be called the Fernández-Guasti squircle, after one of its authors, to distinguish it from the superellipse-related squircle above.[2]This kind of squircle, centred at the origin, can be defined by the equation: whereris the minor radius of the squircle,sis the squareness parameter, andxandyare in theinterval[−r,r].Ifs= 0,the equation is a circle; ifs= 1,this is a square. This equation allows a smoothparametrizationof the transition to a square from a circle, without involvinginfinity.
Periodic squircle
[edit]Another type of squircle arises fromtrigonometry.[5]This type of squircle is periodic inR2and has the equation
whereris the minor radius of the squircle,sis the squareness parameter, andxandyare in the interval [−r, r]. Assapproaches 0 in thelimit,the equation becomes a circle. When s = 1, the equation is a square. This shape can be visualized using online graphing calculators such asDesmos.[6]
Similar shapes
[edit]A shape similar to a squircle, called arounded square,may be generated by separating four quarters of a circle and connecting their loose ends with straightlines,or by separating the four sides of a square and connecting them with quarter-circles. Such a shape is very similar but not identical to the squircle. Although constructing a rounded square may be conceptually and physically simpler, the squircle has a simpler equation and can be generalised much more easily. One consequence of this is that the squircle and other superellipses can be scaled up or down quite easily. This is useful where, for example, one wishes to create nested squircles.
Another similar shape is atruncatedcircle,the boundary of theintersectionof the regions enclosed by a square and by a concentric circle whosediameteris both greater than the length of the side of the square and less than the length of the diagonal of the square (so that each figure has interior points that are not in the interior of the other). Such shapes lack the tangent continuity possessed by both superellipses and rounded squares.
Arounded cubecan be defined in terms ofsuperellipsoids.
Uses
[edit]Squircles are useful inoptics.If light is passed through a two-dimensional square aperture, the central spot in thediffractionpattern can be closely modelled by a squircle or supercircle. If a rectangular aperture is used, the spot can be approximated by asuperellipse.[4]
Squircles have also been used to constructdinner plates.A squircular plate has a larger area (and can thus hold more food) than a circular one with the same radius, but still occupies the same amount of space in a rectangular or square cupboard.[7]
ManyNokiaphone models have been designed with a squircle-shaped touchpad button,[8][9]as was the second generationMicrosoft Zune.[10]Appleuses an approximation of a squircle (actually a quintic superellipse) for icons iniOS,iPadOS,macOS,and the home buttons of some Apple hardware.[11]One of the shapes for adaptive icons introduced in theAndroid "Oreo"operating system is a squircle.[12]Samsunguses squircle-shaped icons in their Android software overlayOne UI,and inSamsung ExperienceandTouchWiz.[13]
Italian car manufacturerFiatused numerous squircles in the interior and exterior design of the third generationPanda.[14]
See also
[edit]References
[edit]- ^abWeisstein, Eric W."Squircle".MathWorld.
- ^abChamberlain Fong (2016). "Squircular Calculations".arXiv:1604.02174[math.GM].
- ^M. Fernández Guasti (1992). "Analytic Geometry of Some Rectilinear Figures".Int. J. Educ. Sci. Technol.23:895–901.
- ^abM. Fernández Guasti; A. Meléndez Cobarrubias; F.J. Renero Carrillo; A. Cornejo Rodríguez (2005)."LCD pixel shape and far-field diffraction patterns"(PDF).Optik.116(6): 265–269.Bibcode:2005Optik.116..265F.doi:10.1016/j.ijleo.2005.01.018.Retrieved20 November2006.
- ^C. Fong (2022). "Visualizing Squircular Implicit Surfaces".arXiv:2210.15232[cs.GR].
- ^"Periodic Squircle in Desmos".
- ^"Squircle Plate".Kitchen Contraptions. Archived fromthe originalon 1 November 2006.Retrieved20 November2006.
- ^Nokia Designer Mark Delaney mentions the squircle in a video regarding classic Nokia phone designs:
Nokia 6700 – The little black dress of phones.Archived fromthe originalon 6 January 2010.Retrieved9 December2009.See 3:13 in video
- ^"Clayton Miller evaluates shapes on mobile phone platforms".Retrieved2 July2011.
- ^Marsal, Katie (2 September 2009)."Microsoft discontinues hard drives," squircle "from Zune lineup".Apple Insider.Retrieved25 August2022.
- ^"The Hunt for the Squircle".Retrieved23 May2022.
- ^"Adaptive Icons".Retrieved15 January2018.
- ^"OneUI".Samsung Developers.Retrieved2022-04-14.
- ^"PANDA DESIGN STORY"(PDF).Retrieved30 December2018.