Kalkulator graficzny 3D

Kalkulator graficzny 3D rysuje powierzchnie z = f(x, y) w scenie WebGL z orbitą, oznaczonymi osiami i siatką podłoża. Wiele powierzchni może siedzieć na liście wyrażeń z przełącznikami koloru i widoczności, a preferencje reduced-motion wyłączają autoobrót.

Kalkulator graficzny 3D rysuje powierzchnie z = f(x, y) w scenie WebGL z orbitą, oznaczonymi osiami i siatką podłoża. Wiele powierzchni może siedzieć na liście wyrażeń z przełącznikami koloru i widoczności, a preferencje reduced-motion wyłączają autoobrót.

Rysować powierzchnie w 3D online

Concept diagram: Wejścia leads to Rysować powierzchnie w 3D online leads to WynikWejściaRysować powierzchnie w3D onlineWynik
Rysować powierzchnie w 3D online.

Kalkulator graficzny 3D próbkuje funkcję dwóch zmiennych na siatkę i cieniuje ją w obramowanej scenie. Osie oznaczają kierunki X, Y i Z, a siatka leży na płaszczyźnie podłoża, więc wysokość czyta się względem stabilnej podłogi. Sterowanie orbitą obraca, przesuwa i powiększa kamerę wokół początku układu.

Przebudowy siatki są dławione, więc pisanie na liście wyrażeń nie zatrzymuje pętli klatek przy każdym uderzeniu klawisza.

Wykreślić funkcję dwóch zmiennych

Concept diagram: Wejścia leads to Wykreślić funkcję dwóch zmiennych leads to WynikWejściaWykreślić funkcję dwóchzmiennychWynik
Wykreślić funkcję dwóch zmiennych.

Wpisz powierzchnię jako z = wyrażenie w x i y. Próbki z = x^2+y^2 dają paraboloidę w górę jak misę. Próbki z = sin(x)*cos(y) dają falę jak wytłoczkę na jajka. Silnik ocenia przez wspólne mathcore, więc ta sama słownik funkcji co w 2D kalkulatorze graficznym działa wewnątrz ciała powierzchni.

Ukryte powierzchnie pomijają meshing do ponownego pokazania, co utrzymuje scenę lekką przy porównywaniu dwóch formuł.

Obracać, powiększać i przesuwać widok 3D

Concept diagram: Wejścia leads to Obracać, powiększać i przesuwać widok 3D leads to WynikWejściaObracać, powiększać iprzesuwać widok 3DWynik
Obracać, powiększać i przesuwać widok 3D.

Przeciągnij, by orbitować, przewiń, by powiększyć, i użyj celu sterowania do przesuwania, gdy gest wskaźnika na to pozwala. Reset view wraca kamerę do domyślnej pozycji narożnej skierowanej na początek układu. Płynna orbita to próg akceptacji interakcji; renderer używa Three.js r128 z jawnymi OrbitControls.

Przełącznik spin włącza lub wyłącza autoobrót. Gdy przeglądarka żąda reduced motion, autoobrót startuje wyłączony.

Rysować wiele powierzchni

Concept diagram: Wejścia leads to Rysować wiele powierzchni leads to WynikWejściaRysować wielepowierzchniWynik
Rysować wiele powierzchni.

Lista wyrażeń trzyma ponumerowane powierzchnie z próbkami kolorów i sterowaniem ukrywania. Druga powierzchnia używa odrębnego koloru z brandu, więc dwie formuły pozostają rozróżnialne w tej samej scenie. Przełączniki widoczności usuwają siatkę bez kasowania wyrażenia, co pomaga wyizolować jedną powierzchnię podczas oględzin.

Tekst alternatywny obok płótna podsumowuje, które powierzchnie są próbkowane, dla użytkowników czytników ekranu.

Przełączać widoki 2D i 3D

Concept diagram: Wejścia leads to Przełączać widoki 2D i 3D leads to WynikWejściaPrzełączać widoki 2D i3DWynik
Przełączać widoki 2D i 3D.

Czytelnicy potrzebujący wykresu płaskiego mogą otworzyć kalkulator graficzny do y = f(x) i krzywych uwikłanych. Narzędzie 3D skupia się na siatkach z = f(x, y). Reset view i sterowanie spin zostają na pasku 3D, więc stan kamery da się odzyskać po eksploracji.

Odnośniki pod stroną wracają do 2D kalkulatora graficznego i narzędzia geometrii, gdy problem obejmuje figury płaskie i powierzchnie.

Najczęściej zadawane pytania

Jak narysować powierzchnię?

Wpisz wyrażenie takie jak z=x^2+y^2 na liście. Siatka przebudowuje się na domyślnej dziedzinie i pojawia się w scenie.

Jak obrócić widok?

Przeciągnij po płótnie, by orbitować. Przewiń, by powiększyć. Naciśnij Reset view, by przywrócić domyślną kamerę.

Czy mogę wykreślić więcej niż jedną powierzchnię?

Tak. Trzymaj wiele wierszy na liście i używaj Hide lub Show na każdym wierszu. Kolory różnią się wierszem.

Czy reduced motion coś zmienia?

Tak. Gdy ustawione jest prefers-reduced-motion, autoobrót startuje wyłączony. Ręczna orbita nadal działa.

Czy kalkulator graficzny 3D jest darmowy?

Tak. Kalkulator graficzny 3D jest darmowy w Quick Calculators.

Podsumowanie

Kalkulator graficzny 3D renderuje z = f(x, y) z Three.js r128, OrbitControls i dławioną przebudową siatki. Dopełnia zestaw Narzędzi matematycznych obok 2D kalkulatora graficznego dla krzywych płaskich i narzędzia geometrii dla konstrukcji.