Movatterモバイル変換


[0]ホーム

URL:


Jump to content
WikipediaThe Free Encyclopedia
Search

Squircle

From Wikipedia, the free encyclopedia
Shape between a square and a circle
Not to be confused withsquared circle.

Squircle centred on the origin (a =b = 0) with minor radiusr = 1:x4 +y4 = 1

Asquircle is ashape intermediate between asquare and acircle. There are at least two definitions of "squircle" in use, one based on thesuperellipse, the other arising from work inoptics. The word "squircle" is aportmanteau of the words "square" and "circle". Squircles have been applied indesign andoptics.

Superellipse-based squircle

[edit]

In aCartesian coordinate system, thesuperellipse is defined by the equation|xara|n+|ybrb|n=1,{\displaystyle \left|{\frac {x-a}{r_{a}}}\right|^{n}+\left|{\frac {y-b}{r_{b}}}\right|^{n}=1,}wherera andrb are thesemi-major andsemi-minor axes,a andb are thex andy coordinates of the centre of the ellipse, andn is a positive number. The prototypical squircle is then defined as the superellipse wherera =rb andn = 4. Its equation is:[1]|xa|4+|yb|4=r4{\displaystyle \left|x-a\right|^{4}+\left|y-b\right|^{4}=r^{4}}wherer is theradius of the squircle. 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.

Thearea inside this squircle can be expressed in terms of thebeta functionB or thegamma functionΓ as[1]Area=40rr4x44dx=4r0r1x4r44dx=4r2011u44du=44r2014v3414v4dv=r201(1w)14w34dw=r201(1w)541w141dw=r2B(14,54)=4r2(Γ(1+14))2Γ(1+24)=8r2(Γ(54))2π=ϖ2r23.708149r2,{\displaystyle {\begin{aligned}{\text{Area}}&=4\int _{0}^{r}{\sqrt[{4}]{r^{4}-x^{4}}}\,dx\\&=4r\int _{0}^{r}{\sqrt[{4}]{1-{\frac {x^{4}}{r^{4}}}}}\,dx\\&=4r^{2}\int _{0}^{1}{\sqrt[{4}]{1-u^{4}}}\,du\\&={\sqrt[{4}]{4}}r^{2}\int _{0}^{\frac {1}{4}}v^{-{\frac {3}{4}}}{\sqrt[{4}]{1-4v}}\,dv\\&=r^{2}\int _{0}^{1}(1-w)^{\frac {1}{4}}w^{-{\frac {3}{4}}}\,dw\\&=r^{2}\int _{0}^{1}(1-w)^{{\frac {5}{4}}-1}w^{{\frac {1}{4}}-1}\,dw\\&=r^{2}\cdot \operatorname {\mathrm {B} } \left({\tfrac {1}{4}},{\tfrac {5}{4}}\right)\\&=4r^{2}{\frac {\left(\operatorname {\Gamma } \left(1+{\frac {1}{4}}\right)\right)^{2}}{\operatorname {\Gamma } \left(1+{\frac {2}{4}}\right)}}\\&={\frac {8r^{2}\left(\operatorname {\Gamma } \left({\frac {5}{4}}\right)\right)^{2}}{\sqrt {\pi }}}\\&=\varpi {\sqrt {2}}r^{2}\approx 3.708149r^{2},\end{aligned}}}wherer is the radius of the squircle, andϖ is thelemniscate constant.

p-norm notation

[edit]

In terms of thep-norm‖ · ‖p on2, the squircle can be expressed as:xxcp=r{\displaystyle \left\|\mathbf {x} -\mathbf {x} _{c}\right\|_{p}=r}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 distancer from 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 (sphube), in3, orhypersphube in higher dimensions.[2] Different values ofp may be used for a more general squircle, from which an analog to trigonometry ("squigonometry") has been developed.

Fernández-Guasti squircle

[edit]

Another squircle comes from work in optics.[3][4] It may be called the Fernández-Guasti squircle or FG squircle, after one of its authors, to distinguish it from the superellipse-related squircle above.[2] This kind of squircle, centered at the origin, is defined by the equationx2+y2s2r2x2y2=r2{\displaystyle x^{2}+y^{2}-{\frac {s^{2}}{r^{2}}}x^{2}y^{2}=r^{2}}wherer is the radius of the squircle,s is the squareness parameter, andx andy are in theinterval[−r,r]. Ifs = 0, the equation is a circle; ifs = 1, it is a square. This equation allows a smoothparametrization of the transition to a square from a circle, without invokinginfinity.

Polar form

[edit]

The FG squircle's radial distanceρ from center to edge can be described parametrically in terms of the circle radius and rotation angle:[5]

ρ=r2s|sin2θ|11s2sin22θ{\displaystyle \rho ={\frac {r{\sqrt {2}}}{s|\sin {2\theta }|}}{\sqrt {1-{\sqrt {1-s^{2}\sin ^{2}{2\theta }}}}}}

In practice, when plotting on a computer, a small value like 0.001 can be added to the angle argument2θ to avoid theindeterminate form0/0 whenθ =/2 for any integern, or one can setρ =r for these cases.

Linearizing squareness

[edit]

The squareness parameters in the FG squircle, while bounded between 0 and 1, results in a nonlinear interpolation of the squircle "corner" between the inner circle and the square corner. IfsL is the intended linearly-interpolated position of the corner, the following relationship convertssL tos for use in the squircle formula to obtain correctly interpolated squircles:[5]

s=2(322)sL22(12)sL(1(12)sL)2{\displaystyle s=2{\frac {\sqrt {\left(3-2{\sqrt {2}}\right)s_{\mathrm {L} }^{2}-2\left(1-{\sqrt {2}}\right)s_{\mathrm {L} }}}{(1-\left(1-{\sqrt {2}}\right)s_{\mathrm {L} })^{2}}}}

Periodic squircle

[edit]

Another type of squircle arises fromtrigonometry.[6] This type of squircle is periodic in2 and has the equation

cos(sπx2r)cos(sπy2r)=cos(sπ2){\displaystyle \cos \left({\frac {s\pi x}{2r}}\right)\cos \left({\frac {s\pi y}{2r}}\right)=\cos \left({\frac {s\pi }{2}}\right)}

wherer is the minor radius of the squircle,s is the squareness parameter, andx andy are in the interval(−r,r). Ass approaches 0 in thelimit, the equation becomes a circle. Whens = 1, the equation is a square.

Similar shapes

[edit]
A squircle (blue) compared with a rounded square (red).

Rounded square

[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.

Truncated circle

[edit]
Various forms of a truncated circle

Another similar shape is atruncated circle, the boundary of theintersection of the regions enclosed by a square and by a concentric circle whosediameter is 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.

Rounded cube

[edit]

Arounded cube can be defined in terms ofsuperellipsoids.

Sphube

[edit]

Similar to the namesquircle, asphube is a portmanteau of 'sphere' and 'cube'. It is the three-dimensional counterpart to the squircle. The equation for the FG-squircle in three dimensions is:[5]

x2+y2+z2s2r2(x2y2+y2z2+x2z2s2r2x2y2z2)=r2{\displaystyle x^{2}+y^{2}+z^{2}-{\frac {s^{2}}{r^{2}}}\left(x^{2}y^{2}+y^{2}z^{2}+x^{2}z^{2}-{\frac {s^{2}}{r^{2}}}x^{2}y^{2}z^{2}\right)=r^{2}}

In polar coordinates, the sphube is expressed parametrically as

x=rcosθ cosϕ1scos2θsin2ϕssin2θy=rcosθ sinϕ1scos2θcos2ϕssin2θz=rsinθ1scos2θ{\displaystyle {\begin{aligned}x&={\frac {r\cos \theta \ \cos \phi }{\sqrt {1-s\cos ^{2}\theta \sin ^{2}\phi -s\sin ^{2}\theta }}}\\y&={\frac {r\cos \theta \ \sin \phi }{\sqrt {1-s\cos ^{2}\theta \cos ^{2}\phi -s\sin ^{2}\theta }}}\\z&={\frac {r\sin \theta }{\sqrt {1-s\cos ^{2}\theta }}}\end{aligned}}}

While the squareness parameters in this case does not behave identically to its squircle counterpart, nevertheless the surface is a sphere whens equals 0, and approaches a cube with sharp corners ass approaches 1.[5]

Uses

[edit]
Squircle-shaped porcelain dishes

Squircles are useful inoptics. If light is passed through a two-dimensional square aperture, the central spot in thediffraction pattern 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]

ManyNokia phone models have been designed with a squircle-shaped touchpad button,[8][9] as was the second generationMicrosoft Zune.[10]Apple uses 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]Samsung uses squircle-shaped icons in their Android software overlayOne UI, and inSamsung Experience andTouchWiz.[13]

Italian car manufacturerFiat used numerous squircles in the interior and exterior design of the third generationPanda.[14]

See also

[edit]

References

[edit]
  1. ^abWeisstein, Eric W."Squircle".MathWorld.
  2. ^abChamberlain Fong (2016). "Squircular Calculations".arXiv:1604.02174 [math.GM].
  3. ^M. Fernández Guasti (1992). "Analytic Geometry of Some Rectilinear Figures".Int. J. Educ. Sci. Technol.23:895–901.
  4. ^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 November 2006.
  5. ^abcdC. Fong (2018).Squircular Calculations. Joint Mathematics Meeting 2018, SIGMAA-ARTS.arXiv:1604.02174.
  6. ^C. Fong (2022). "Visualizing Squircular Implicit Surfaces".arXiv:2210.15232 [cs.GR].
  7. ^"Squircle Plate". Kitchen Contraptions. Archived fromthe original on 1 November 2006. Retrieved20 November 2006.
  8. ^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 original on 6 January 2010. Retrieved9 December 2009.See 3:13 in video
  9. ^"Clayton Miller evaluates shapes on mobile phone platforms". Retrieved2 July 2011.
  10. ^Marsal, Katie (2 September 2009)."Microsoft discontinues hard drives, "squircle" from Zune lineup".Apple Insider. Retrieved25 August 2022.
  11. ^"The Hunt for the Squircle". Retrieved23 May 2022.
  12. ^"Adaptive Icons". Retrieved15 January 2018.
  13. ^"OneUI".Samsung Developers. Retrieved2022-04-14.
  14. ^"PANDA DESIGN STORY"(PDF). Retrieved30 December 2018.

External links

[edit]
Wikimedia Commons has media related toSquircle.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Squircle&oldid=1334985850"
Categories:
Hidden categories:

[8]ページ先頭

©2009-2026 Movatter.jp