3Dグラフ電卓は、軌道操作、ラベル付き軸、地面グリッド付きのWebGLシーンに曲面z = f(x, y)をプロットします。複数の曲面を式リストに置き、色と表示の切替ができ、reduced-motionの設定は自動回転を止めます。
曲面をオンラインで3Dグラフ化する
3Dグラフ電卓は2変数関数をメッシュにサンプリングし、枠付きシーンで陰影付けします。軸はX、Y、Zの向きを示し、グリッドは地面平面にあるので、高さは安定した床に対して読めます。軌道操作は原点まわりでカメラを回転、パン、ズームします。
メッシュの再構築は間引きされるので、式リストの入力がキーごとにフレームループを止めません。
2変数関数をプロットする
曲面をxとyの式としてz = expressionの形で入力します。サンプルz = x^2+y^2は上向きの放物面の鉢になります。サンプルz = sin(x)*cos(y)は卵パック状の波になります。エンジンは共有mathcoreで評価するので、2Dグラフ電卓と同じ関数語彙が曲面本体の中で使えます。
隠した曲面は再表示するまでメッシュを飛ばすので、2つの式を比べるあいだシーンが軽く保たれます。
3Dビューを回転、ズーム、パンする
ドラッグで軌道、スクロールでズーム、ポインタ操作が許すときは操作対象でパンします。Reset viewはカメラを原点を見る既定の角位置へ戻します。なめらかな軌道が操作の合格線で、レンダラは明示的なOrbitControls付きのThree.js r128を使います。
Toggle spinは自動回転のオン/オフです。ブラウザがreduced motionを求めると、自動回転はオフで始まります。
複数の曲面をグラフ化する
式リストは番号付きの曲面、色見本、非表示操作を持ちます。2つ目の曲面はブランド由来の別色を使い、同じシーンで2つの式が区別できます。表示切替は式を消さずにメッシュを外すので、確認中に一つの曲面を切り出しやすくします。
キャンバス横の代替テキストは、スクリーンリーダー利用者向けにどの曲面がサンプリングされているかを要約します。
2Dと3Dの表示を切り替える
平面プロットが要る読者は、y = f(x)と陰曲線向けにグラフ電卓を開けます。3Dツールはz = f(x, y)メッシュに絞ります。Reset viewとspin操作は3Dツールバーにあり、探索のあとカメラ状態を戻せます。
ページ下の相互リンクは、問題が平面図形と曲面にまたがるとき、2Dグラフ電卓と幾何ツールへ戻します。
よくある質問
曲面をグラフにするには？
リストにz=x^2+y^2のような式を入力します。メッシュは既定の領域で再構築され、シーンに現れます。
ビューを回転するには？
キャンバスをドラッグして軌道します。スクロールでズームします。Reset viewを押すと既定のカメラに戻ります。
複数の曲面をプロットできますか？
はい。リストに複数行を残し、各行でHideまたはShowを使います。色は行ごとに違います。
reduced motionは何か変わりますか？
はい。prefers-reduced-motionが設定されていると、自動回転は無効で始まります。手動の軌道は使えます。
3Dグラフ電卓は無料ですか？
はい。3Dグラフ電卓はQuick Calculatorsで無料です。
まとめ
3Dグラフ電卓はThree.js r128、OrbitControls、間引きされたメッシュ再構築でz = f(x, y)を描画します。平面曲線向けの2Dグラフ電卓と作図向けの幾何ツールのそばで、Math Tools一式をそろえます。