⬛ Superelipsa — krzywe Lamégo i squircle
Zmieniaj wykładnik n w |x/a|ⁿ + |y/b|ⁿ = 1 i patrz, jak krzywa przechodzi od asteroidy przez romb, okrąg, squircle Pieta Heina aż po prostokąt. Nałóż okrąg i zaokrąglony prostokąt dla porównania.
Podobne symulacje
O tej symulacji
Superelipsa to krzywa |x/a|ⁿ + |y/b|ⁿ = 1, uogólnienie zwykłej elipsy odkryte przez Gabriela Lamé. Przesuwanie wykładnika n płynnie przekształca kształt z rombu (n=1) przez okrąg (n=2) w zaokrąglony „squircle” Pieta Heina (n≈2,5–4), a przy dużych n zbliża się do niemal prostokąta, podczas gdy suwak proporcji a:b rozciąga go niezależnie.
🔬 Co przedstawia
Pojedynczą krzywą parametryczną, |x/a|ⁿ + |y/b|ⁿ = 1, renderowaną na żywo w miarę zmiany wykładnika n i proporcji a:b, z gotowymi kształtami oraz opcjonalnymi nakładkami okręgu/prostokąta do porównania.
🎮 Jak korzystać
Przejdź do gotowego ustawienia (Asteroida, Romb, Okrąg, Squircle, Prostokąt, Piet Hein), albo przeciągaj bezpośrednio suwaki wykładnika n i proporcji a:b, włącz animację przemiatania n, przełącz styl Kontur/Wypełnienie i kolor oraz włącz nakładki Okrąg/Prostokąt lub tryb kafelkowy.
💡 Czy wiesz, że?
Squircle Pieta Heina (n≈2,5) stał się podstawą placu Sergels Torg w Sztokholmie i niezliczonych rond, ponieważ mieści więcej użytecznej przestrzeni prostokątnej w danym obszarze niż prawdziwa elipsa, wciąż wyglądając zaokrąglono i organicznie.
Najczęściej zadawane pytania
Co dzieje się z kształtem na skrajnych końcach suwaka wykładnika n?
Przy n=1 krzywa jest idealnym rombem (obróconym kwadratem z prostymi krawędziami spotykającymi się w ostrych narożnikach); w miarę wzrostu n powyżej 2 narożniki zaokrąglają się coraz bardziej, a przy bardzo dużym n kształt zbliża się do prostokąta z niemal prostymi bokami i tylko lekko zaokrąglonymi narożnikami.
Dlaczego n=2 jest szczególne, oznaczone jako ustawienie „Okrąg”?
Podstawienie n=2 zamienia ogólny wzór |x/a|ⁿ+|y/b|ⁿ=1 w standardowe równanie elipsy (x/a)²+(y/b)²=1 — przy równych a i b jest to dokładnie okrąg, więc n=2 to jedyna wartość, przy której superelipsa sprowadza się do kształtu znanego wszystkim.
Czym „squircle” (ustawienie Piet Hein) różni się od zwykłego prostokąta z zaokrąglonymi rogami?
Prostokąt zaokrąglony w stylu CSS ma proste krawędzie połączone narożnikami w postaci łuków okręgu; krzywizna squircle'a zmienia się płynnie na całym obwodzie, bez gwałtownego przejścia między odcinkami „prostymi” a „zakrzywionymi”, dlatego projektanci wolą go do ikon aplikacji i mebli.
Jak suwak proporcji a:b wchodzi w interakcję z wykładnikiem n?
Proporcja rozciąga kształt wzdłuż jednej osi niezależnie od efektu zaokrąglania narożników przez n — można uzyskać rozciągnięty romb, rozciągnięty squircle lub rozciągnięty niemal-prostokąt, ponieważ te dwa parametry sterują zasadniczo różnymi aspektami geometrii krzywej.
Co dokładnie demonstruje animacja przemiatania n?
Nieprzerwanie animuje wykładnik od niskiej do wysokiej wartości (lub z powrotem), pozwalając obserwować płynne, ciągłe przekształcanie się rombu w okrąg, squircle i prostokąt w czasie rzeczywistym — dobry sposób, by zobaczyć, że nie są to odrębne „kategorie” kształtów, lecz jedna ciągła rodzina krzywych.