簡化您的工作流程:搜尋 miniwebtool。
添加插件
相關工具
3D距離計算機歐拉特徵計算機圓台計算機參數曲線繪圖器環面計算機
主頁 > 數學 > 幾何學計算工具 > 3D曲面繪圖器
 

3D曲面繪圖器

以滑鼠驅動旋轉、縮放與平移,繪製互動式 3D 曲面 z = f(x, y)。可調整 x/y 定義域、網格解析度、六種色彩映射、線框疊加和光照。在您的瀏覽器中探索鞍點、高斯突起、漣漪、猴鞍、雙曲拋物面以及著名的墨西哥帽 sinc 曲面 — 全在您的瀏覽器中,無需任何外掛程式。

3D曲面繪圖器
嘗試繪製曲面:
z =
繪圖後,在視埠內拖曳以旋轉,滾動捏合以縮放。PNG 匯出將捕捉您設定的任何角度。

Embed 3D曲面繪圖器 Widget

● 3D 曲面已就緒
鞍面 定義域 [-3, 3] · 中 — 50 × 50 網格(均衡) · z ∈ [-8.9963, 8.9963]
z = x**2 - y**2
頂點數2500
三角形數4802
最小 z-8.9963
最大 z8.9963
調色盤Cool-warm發散(適合鞍點)
視角:
拖曳以旋轉 · 滾動以縮放 · 右鍵拖曳以平移
偏航角 30° · 俯仰角 25°
-8.9963 8.9963
曲面方程式 — \( z = f(x, y) \) 在定義域 \( x, y \in [-3.0, 3.0] \) 上的 \(50 \times 50\) 網格進行取樣,產生 4802 個著色三角形。高度透過 Cool-warm發散(適合鞍點) 調色盤映射到顏色,並帶有來自右上方的朗伯光源。在視埠內拖曳可即時旋轉曲面。
📲

安裝 MiniWebtool 應用

加入主畫面即可即時存取 — 免費、快速、無需下載。

           

想要更快且無廣告?

3D曲面繪圖器

3D曲面繪圖器直接在您的瀏覽器中將任何二元函數 \( z = f(x, y) \) 繪製為完全互動式的 3D 地形景觀。在視埠內拖曳以旋轉曲面、滾動或捏合以縮放,以及按住右鍵拖曳(或在行動裝置上雙指平移)以滑動檢視。輸入您自己的函數,完全支援 sincosexplogsqrt、常數 \( \pi \) 和 \( e \),以及符合直覺的便捷輸入如 x^22xy — 或者點擊十種預設之一,即可立即渲染經典的馬鞍面、拋物面、墨西哥帽 sinc、猴馬鞍面、蛋盒面、高斯隆起等。在等角和透視投影、六種感知色彩映射以及三種線框樣式之間進行選擇,然後將目前視角匯出為高解析度 PNG。

3D 曲面繪圖的工作原理

曲面圖將二元函數轉化為具體的景觀。在輸入平面中的每個點 \( (x, y) \),值 \( z = f(x, y) \) 成為該點上方(或下方)曲面的高度。繪圖器對 \( (x, y) \) 對的常規網格進行取樣(通常每側 30 到 90 個點),計算每個點的 \( f \) 值,並將網格的每個單元格連接成兩個有色三角形。

渲染使用三個經典的圖形管線步驟。投影:使用您目前的旋轉和縮放將每個 3D 頂點 \( (x, y, z) \) 投影到 2D 螢幕空間。排序:依深度由後到前對三角形進行排序(畫家演算法)。著色:將其高度映射顏色與針對固定光源方向的朗伯點積相結合,來為每個面進行著色。旋轉曲面時,光照會隨相機移動,這正是賦予圖形手工建模質感的關鍵所在。

經典曲面展覽館

此 3D 繪圖器的獨特之處

真正的互動式 3D 大多數線上繪圖器只給您一個固定的等角快照。在這裡,您可以拖曳、滾動和捏合,即時從各個角度觀察曲面。光照隨相機移動,因此您可以立即感受到形狀,而不是從靜態影像中猜測。
十種一鍵預設 馬鞍面、拋物面、漣漪、墨西哥帽 sinc、高斯、猴馬鞍面、蛋盒面、雙曲拋物面、圓錐面、扭曲面 — 多元微積分、電腦圖形學和物理學中的經典曲面,只需點擊一下即可呈現。您可以直接使用它們,或調整函數欄位透過實驗來學習。
六種感知色彩映射 Viridis 和 plasma 是科學視覺化推薦的感知均勻調色盤。Cool-warm 是一種漸變調色盤,可突出正負區域 — 非常適合馬鞍面。Terrain 模擬地形陰影。Ocean 和灰階使全套工具更完整,適用於列印、簡報和刺繡。
智慧運算式解析器 按照您書寫的方式輸入數學公式:2xyx^2 - y^2sin(x)cos(y)。隱式乘法、脫字號乘方和 Unicode π 都會自動轉換。伺服器端的 AST 白名單意味著使用者輸入永遠不會接觸到不安全的 Python 全域變數。
相機預設與自動旋轉 一鍵跳轉到等角、自上而下、正面和側面視角 — 與專業 3D 應用程式提供的選項相同。按下 自動旋轉 即可獲得免動手的旋轉轉盤,非常適合螢幕錄製或課堂示範。
手機友好的設計 單指拖曳旋轉、雙指捏合縮放,即使在低解析度下的中階手機上也能達到 60 fps。表單版面配置在窄螢幕上會折疊為單欄,且一旦您開始互動,觸控疊加提示就會消失。

運算式語法 — 快速參考

您輸入的內容意義範例
x, y兩個輸入變數z = x + y
piπ常數 π ≈ 3.14159z = sin(pi*x)
e歐拉數 ≈ 2.71828z = exp(-x**2-y**2)
sin, cos, tan三角函數(弧度)z = sin(x)*cos(y)
asin, acos, atan, atan2反三角函數z = atan2(y, x)
exp, log, log2, log10指數與對數z = log(x**2 + y**2 + 1)
sqrt, abs, floor, ceil平方根、絕對值與取整z = sqrt(abs(x*y))
^**乘方z = x^3 - 3*x*y^2
隱式 *數字緊鄰字母時自動插入 ×2xy2*x*y

解讀 3D 曲面

曲面圖將海量資訊同時編碼在形狀和顏色中。透過練習,您可以識別出以下幾種模式:

  • 臨界點是曲面具有水平切平面的地方 — 局部極大值看起來像圓頂,局部極小值看起來像碗底,而馬鞍點在一個方向上向上彎曲,在垂直方向上向下彎曲。點擊「馬鞍面」預設並旋轉視角:沿著一個軸它是微笑曲線,沿著另一個軸它是哭臉曲線。
  • 水平曲線(等高線)會自然出現 — 當色彩映射是漸變或地形風格時,相同顏色的條帶描繪出恆定 \( z \) 值的線條。
  • 梯度方向是每個點上最陡峭的上坡方向。在視覺上,那是垂直於水平曲線的方向,指向更暖的顏色。
  • 對稱性在 3D 中顯而易見:\( z = x^2 + y^2 \) 是旋轉對稱的(碗狀),\( z = x^2 - y^2 \) 僅具有鏡像對稱性(馬鞍狀),而 \( z = x^3 - 3xy^2 \) 具有美麗的三重旋轉對稱性(猴馬鞍面)。

從馬鞍面到 Sinc:一鍵導覽

預設展覽館是多元曲面教學中最常出現的引導導覽。為初次觀看者建議的順序如下:

  1. 拋物面 \( z = x^2 + y^2 \) — 最友善的 3D 曲面。一個旋轉對稱的碗狀,在原點處有一個極小值。
  2. 馬鞍面 \( z = x^2 - y^2 \) — 標誌性的品客洋芋片形狀。嘗試 cool-warm 色彩映射以立即看到正負區分。
  3. 雙曲拋物面 \( z = xy \) — 旋轉了 45° 的馬鞍面。相同的形狀,不同的方向。
  4. 猴馬鞍面 \( z = x^3 - 3xy^2 \) — 原點周圍有三個坡度而不是兩個。得名於猴子在這裡坐著時還需要一個放尾巴的地方。
  5. 高斯曲面 \( z = e^{-(x^2+y^2)} \) — 2D 中的鐘形曲線。統計學、訊號處理和物理學的基礎。
  6. Mexican-hat sinc \( z = \sin\sqrt{x^2+y^2}/\sqrt{x^2+y^2} \) — 徑向 sinc。出現在傅立葉光學、繞射圖案以及以此命名的小波中。
  7. 蛋盒面 \( z = \sin x \sin y \) — 在兩個方向上具有週期性。開啟線框以查看網格線如何與凸起對齊。
  8. 漣漪 \( z = \sin\sqrt{x^2+y^2} \) — 從原點擴散的同心波。嘗試較寬的 -8 到 8 定義域。

實際應用

  • 多元微積分: 將偏導數、梯度、臨界點和拉格朗日乘子視覺化,無需每次都用手重新繪製。
  • 物理學: 位能面、電磁場強度、流體壓力分佈和量子波函數都以 \( z = f(x, y) \) 的形式存在。
  • 機器學習: 2D 權重子空間周圍的損失地形(loss landscapes)有助於建立為什麼梯度下降有效的直覺(以及為什麼馬鞍點是一個問題)。
  • 電腦圖形學: 地形的高度圖(heightmaps)正是如此 — 在常規網格上對函數 \( h(x, y) \) 進行取樣,然後進行三角剖分。
  • 土木工程: 用於地形分析、水壩集水區和土方量估算的高程模型。
  • 資料視覺化: 任何取決於兩個獨立變數的量 — 國家的溫度、按地區和月份劃分的銷售額、跨兩個超參數的適應度 — 自然會渲染為曲面。

繪製精美圖表的技巧

  • 使定義域與函數相匹配。 多項式通常顯示在 -3 到 3。像 sinc 這樣的振盪函數需要較寬的定義域(-8 到 8)才能展現漣漪。使用 -1 到 1 可以放大到原點附近的單個馬鞍面。
  • 選擇正確的色彩映射。 對於任何具有正負區域的曲面,請使用 cool-warm — 白色中點可立即標記零水平面。對於非負曲面,請使用 viridis 或 plasma。對於地形風格的高度圖,請使用 terrain。
  • 在作品渲染中關閉線框。 細微的線框非常適合教學(「查看網格」)。對於達到出版品質的圖表,請將線框設定為「關閉」,並將解析度提高到「高」或「超高」。
  • 自動旋轉可捕捉豐富的動畫。 點擊「自動旋轉」然後開始螢幕錄製 — 非常適合將旋轉曲面嵌入到簡報中,而無需手動編排。
  • 定義域過大可能會使曲面變平。 如果您的函數在邊緣附近返回巨大的值,內部細節就會塌陷。可以縮小定義域 orator 縮放函數(例如 \( z / 100 \))以將主要結構帶回視野中。

常見問題

什麼是 3D 曲面圖?

3D 曲面圖將二元函數 z = f(x, y) 可視化為 (x, y) 平面上的山巒景觀。每個點 (x, y) 的高度即為函數值 z。繪圖器對 (x, y) 對的網格進行取樣,計算每個點的 f 值,並將相鄰的取樣點連接成一個三角網格,您可以對其進行互動式的旋轉、縮放和重新著色。

我可以繪製哪些函數?

任何使用標準數學函數且包含 x 和 y 的運算式:sin, cos, tan, asin, acos, atan, atan2, sinh, cosh, tanh, exp, log, log2, log10, sqrt, abs, floor, ceil, pow, min, max — 以及常數 pi, e 和 tau。三角函數使用弧度。隱式乘法(2x → 2*x)、用於乘方的脫字號 ^ 以及 Unicode π 都會自動處理。

如何旋轉、縮放和平移?

在視埠內按住滑鼠左鍵並拖曳,可圍繞其中心旋轉曲面(偏航角與俯仰角)。滾動滾輪可放大和縮小。右鍵拖曳(或在觸控螢幕上使用雙指平移)可滑動檢視。點擊視埠上方的相機預設按鈕,可快速跳轉到標準等角、頂部、正面或側面視角。

顏色代表什麼?

預設情況下,每個面的顏色代表其 z 軸高度 — 低點使用冷色調,高點使用暖色調。對於像 cool-warm 這樣的漸變調色盤,中點正好是 z = 0,這使得馬鞍面特別容易閱讀。朗伯光照(Lambertian lighting)還會使背對光源的面變暗,從而使曲面呈現立體感。

這在行動裝置上可以用嗎?

可以。視埠支援單指拖曳以旋轉,以及雙指捏合以縮放。在手機上選擇低解析度(30×30)可以獲得最流暢的互動體驗 — 這仍然能提供形狀清晰的曲面。中解析度和高解析度推薦用於筆記型電腦和桌上型電腦。

為什麼我的函數看起來有很多尖刺或不正確?

最常見的原因是定義域太小(導致函數基本上是平的)或太大(導致其值爆炸,只有極值可見)。嘗試為多項式使用較窄的範圍(例如 -2 到 2),或者為振盪的 sinc 和漣漪函數使用較寬的範圍(例如 -8 到 8)。奇異點(如 1/x)會自動被裁剪 — 但它們周圍的曲面可能仍會拉大顏色範圍。在分母中加入一個小的常數(例如 1/(x²+y²+0.1))來使它們平滑。

我可以繪製隱式曲面或向量場嗎?

此繪圖器處理顯式曲面 z = f(x, y) — 每個 (x, y) 輸入對應一個 z 值。隱式曲面 F(x, y, z) = 0(例如球體 x²+y²+z²=1)和參數曲面需要移動立方體(marching-cubes)或參數繪圖器,這超出了本工具的範圍。有關向量場和斜率場,請參見相關的斜率場繪圖器。

如何儲存我的繪圖?

點擊視埠工具列中的 PNG 按鈕,將目前視角下載為高解析度 PNG. 該檔案會捕捉您設定的任何旋轉、縮放和色彩映射 — 因此請先將曲面旋轉到您最喜歡的角度,然後匯出。影像會以您的裝置像素比(device pixel ratio)進行渲染,以獲得清晰的簡報效果。

這個 3D 曲面繪圖器是免費的嗎?

是的。3D 曲面繪圖器完全免費,在提交表單後完全在您的瀏覽器中執行,無需註冊,且可產生無浮水印的匯出檔案。您可以無限制地將這些圖表用於作業、論文、簡報、部落格文章和商業專案。

引用此內容、頁面或工具為:

"3D曲面繪圖器" 於 https://MiniWebtool.com/zh-tw/3d曲面繪圖器/,來自 MiniWebtool,https://MiniWebtool.com/

由 MiniWebtool 團隊製作。更新時間:2026-05-21

您還可以嘗試我們的 AI數學解題器 GPT,通過自然語言問答解決您的數學問題。

幾何學計算工具:

常用工具:

隨機撲克牌產生器分數計算機真心話大冒險產生器模計算機百分比增加計算機羅馬數字轉換器隨機信用卡生成器相對標準偏差計算機🎮 遊戲靈敏度轉換器斜邊計算機比例計算機HEX計算機百分比增長率計算機最簡分數計算機百分比減少計算機kpa到psi轉換器磅轉公斤轉換器質數分解計算機圓計算機百分比變化計算機MAC地址查找kg到lbs轉換器百分比折扣計算機毛利率計算機校正鈣計算機反向文字Instagram用戶ID查詢太陽、月亮與上升星座計算機 🌞🌙✨年齡計算機圖片分割器隨機字母生成器查找並替換文字商和餘數計算機ANC計算機🌡️ 體感溫度計算機百分比誤差計算機最小公倍數計算機分數百分比轉換器隨機餐點產生器兩點間距離計算機AI內容檢測器年份天數計算機 - 今天是今年的第幾天Bar to PSI 轉換器隨機名稱生成器調整影片速度坡度與傾斜度計算機影片轉圖片擷取器SRT時間偏移加價計算機因子計算機樂透號碼生成器隨機座標產生器分數到小數計算機凱薩密碼工具棒球打擊率計算機音訊分割器平均值計算機二次公式計算機賓果卡生成器迷宮產生器影片壓縮器克到磅轉換器標準偏差計算機 - 高精度📅 日期計算機CAGR計算機複利計算機FPS 轉換器小字體生成器 ⁽ᶜᵒᵖʸ ⁿ ᵖᵃˢᵗᵉ⁾Facebook用戶ID查詢合併影片隨機選擇器對數計算機填字遊戲製作器SRT轉換為TXT工具心算訓練器YouTube頻道統計定期存款計算機橢圓 周長計算機畢達哥拉斯定理計算機質數檢查器土星回歸計算機考拉茲猜想計算機剪刀石頭布產生器多分數計算機數獨產生器與求解器隨機數學題產生器隨機顏色生成器psi到kpa轉換器隨機英文單字產生器血壓解讀器小數到分數計算機ERA計算機文字重複工具⏱️ 小時計算機百分比到ppm轉換器OPS計算機圖片打碼工具壓力轉換器線性迴歸計算機條碼產生器💧 露點計算機工作搜尋器直角三角形計算機速度計算機磅到克轉換器YouTube收益估算器cpm計算機文件大小轉換器比率與百分比計算機星期幾計算機GUID / UUID 生成器百分比計算機積分計算機線規計算機純利潤計算機行數統計工具組合計算機刪除線文字產生器我的幸運數字是什麼上壘率計算機最大公因子計算機弧長計算機隨機日期生成器獲取字符串長度黃金比例計算機汽車貸款計算機鋼材重量計算機公因子計算機體積轉換器AI標點符號添加器隨機物品生成器保齡球計分計算機出生星期計算機步數距離計算機MAC地址產生器不規則多邊形面積計算機投球命中率計算機比較分數計算機為影片新增浮水印可整除測試計算機移除標點符號線上工具演講時間計算機隨機生日生成器影片分割器隨機字符串生成器PSI 轉 Bar 轉換器簡單利息計算機隨機貓狗名字產生器騎行速度計算機SRT合併工具圓錐展開圖模板產生器科學記數法計算機總和計算機隨機錦標賽對陣生成器WHtR計算機排序數字預期壽命計算機預產期計算機GIF 轉 MP4 轉換器立方根計算機比率計算機相關係數計算器愛情兼容性計算機橢圓面積計算機跑步配速計算機農曆轉換器姓名靈數計算機圓台計算機🌐 時區轉換器樣本量計算機中位數計算機旋轉影片棒球長打率計算機速度轉換器AI Token 計算機小數到百分比轉換器樓梯計算機正方形計算機磚塊與砂漿計算機複數計算機隱形文本生成器⏱️ 倒數計時器歐姆定律計算機燃油費用計算機Zalgo文本生成器債券收益率到期日計算機慣性矩計算機斜率計算機功率轉換器密度計算機每局被上壘率 WHIP 計算機倒立文本產生器刪除換行符游泳配速計算機質數列表HEX轉換器分數簡化單詞拼字遊戲生成器階乘計算機隨機時間生成器串聯電阻計算機摩擦力計算機斜面計算機機械利益計算機聲速計算機波速計算機浮力計算機終端速度計算機德布羅意波長計算機光子能量計算機emc2計算機時間膨脹計算機克卜勒第三定律計算機逃逸速度計算機萬有引力計算機比爾-朗伯定律計算機能斯特方程式計算機滲透壓計算機沸點上升計算機凝固點下降計算機百分比組成計算機當量濃度計算機重量莫耳濃度計算機pKa到Ka轉換器亨德森-哈塞爾巴爾赫計算機理論產量計算機限量試劑計算機電子組態計算機互動式元素週期表AI教案產生器AI測驗產生器引用產生器 (APA/MLA/Chicago)出席率計算機AP分數計算機ACT分數計算機SAT分數計算機百分比轉CGPA轉換器CGPA轉百分比轉換器簡易評分器 EZ Grader養育孩子成本計算機寶寶奶量計算機尿布尺寸計算機嬰兒名字產生器寶寶眼睛顏色預測器兒童BMI百分位計算機兒童身高預測器hcg翻倍時間計算機試管嬰兒預產期計算機著床計算機中國生男生女預測器ISO 8601 日期格式化工具儒略日轉換器午睡計算機月相計算機日出日落計算機世界時鐘日期至羅馬數字轉換器退休倒數計時戒癮天數計算機半歲生日計算機紀念日計算機週數計算機小費分配計算機電子郵件行銷ROI計算機每筆潛在客戶成本計算機營運資本計算機邊際貢獻計算機FIFO / LIFO 計算機安全庫存計算機再訂購點計算機經濟訂購量eoq計算機折舊計算機手工藝品定價計算機批發價格計算機Shopify 利潤計算機Amazon FBA 計算機eBay費用計算機Etsy費用計算機Stripe 手續費計算機PayPal手續費計算機投注賠率轉換器十一奉獻計算機天課計算機英國印花稅計算機HRA免稅計算機服務酬金計算機NPS計算機EPF計算機PPF計算機RD計算機SWP計算機稅前薪資倒推計算機貸款比較計算機信用使用率計算機CD階梯計算機美國國庫券T-Bill計算機I 系列儲蓄債券計算機529大學儲蓄計算機HSA計算機遣散費計算機加薪計算機發票產生器出差津貼計算機里程報銷計算機房租漲幅計算機按比例租金計算機房租負擔能力計算機汽車落地價計算機購車預算計算器機車貸款計算機房車貸款計算機船舶貸款計算機土地貸款計算機建築貸款計算機只付利息抵押貸款計算機氣球貸款計算機房貸點數計算機PMI計算機雙週房貸還款計算機ARM浮動利率房貸計算機VA貸款計算機實領薪資計算機AI SQL 查詢產生器AI正規表達式產生器AI 資料視覺化工具(貼上 CSV)AI文字語氣分析器AI履歷分析器AI單位轉換器自然語言AI道歉信產生器AI禮貌藉口產生器AI 旅行行程產生器AI閱讀清單產生器AI健身計劃產生器AI膳食計畫生成器AI禮物點子產生器AI食譜產生器依現有食材獎學金投資報酬率計算機大學費用計算機語言學習流利度小時數計算機詞彙測驗產生器康乃爾筆記產生器學習曲線計算機閃卡間隔重複排程器顏料調色計算機磁磚填縫劑計算機六標準差製程能力計算機YouTube縮圖下載器隨機RPG角色生成器
×

幫我們一個忙,回答3個快速問題

感謝您參與我們的調查。您的意見將幫助我們改善服務。

您最初是從哪裡得知我們的?

您在我們網站上最喜歡的工具是什麼?

如果是其他,請說明:

您將這個工具推薦給朋友的可能性有多大?

不可能極有可能

可能性分數: (1-10)