如何為數學課程製作函數圖形動畫 | 教學指南

數學課程中製作函數圖形動畫，意指運用動態呈現方程式、參數或點的變化。教師可為 (y=mx+b) 中的斜率製作動畫、移動 (y=a(x-h)^2+k) 的頂點、沿著 (f(x)) 追蹤一個點，或呈現割線趨近切線的過程。

最佳圖形動畫不只增加動態效果。它們能幫助學生預測、觀察並解釋數學關係，同時保持關鍵視覺參考清晰。

對於將教材轉化為完整影片的教師而言，Leadde 能透過 AI 旁白、AI 虛擬人像及多語言生成功能，將文件、PDF 和簡報轉化為結構化影片，支援工作流程的下一階段。圖形本身可先在 Desmos 或 GeoGebra 等工具中建立並驗證。本指南將說明哪些圖形動畫效果最佳、應使用哪些工具，以及如何設計它們以促進更清晰的數學學習。

如何為數學課程製作函數圖形動畫：最簡化的工作流程是什麼？

最簡化的工作流程是：選擇一個數學關係、建立正確的靜態圖形、為一個變數製作動畫、保持穩定的視覺參考，並要求學生解釋變化。

例如，在教授

[

y=a(x-h)^2+k

]

時，請勿同時為 (a)、(h) 和 (k) 製作動畫。請先從 (h) 開始，同時保持其他值固定。如此一來，學生就能直接看到一個參數與一個視覺變化之間的關聯。

實用的課程順序為：

學習目標 → 靜態圖形 → 預測 → 一個受控變化 → 觀察 → 解釋

這很重要，因為單純的動態效果並不能保證理解。一項針對 157 名中學生的研究顯示，使用動態視覺化工具的學習者在函數概念上的表現優於使用靜態呈現方式的學習者，儘管互動式動畫並未顯著優於線性動畫。這項發現表明，動態所呈現的數學資訊可能比單純為了互動而增加互動更為重要。

因此，一個實用的設計原則是：

為數學關係製作動畫，而非裝飾。

盡可能保持座標軸、比例尺、標籤和相關參考物件的穩定。學生應能辨識哪些改變了，哪些保持不變。

哪些類型的函數圖形動畫最適合數學課程？

不同的數學概念需要不同類型的動態呈現。

參數與函數轉換動畫

參數動畫特別適用於函數族群：

[

y=mx+b

]

顯示斜率和截距如何影響一條直線；

[

y=a(x-h)^2+k

]

顯示伸縮、反射和平移；

以及

[

y=A\sin(Bx+C)+D

]

可區分振幅、週期、相位移和垂直平移。

盡可能保持母函數可見。將 (f(x)=x^2) 與 (g(x)=(x-h)^2) 進行比較，能為學生提供穩定的參考，而非強迫他們記住先前的位置。

移動點、漸進式圖形與動態轉圖動畫

第二種方法是移動一個點，例如

[

(a,f(a)).

]

隨著 (a) 的變化，學生會看到輸入、輸出和位置同時改變。Desmos 透過滑桿直接支援這種建構方式。

當順序很重要時，漸進式繪圖會很有用——例如，顯示物體移動時距離-時間圖形的形成。這將課程從「這個圖形是什麼形狀？」轉變為**「兩個量如何共同變化？」**

相關函數與微積分動畫

當兩個數學物件同時變化時，動畫變得特別有價值。例如，割線變成切線、(f(x)) 與 (f'(x)) 並列，或矩形累積形成曲線下的面積。

Manim 的官方文件透過一個由 ValueTracker 控制的移動點和切線來展示這種模式，並隨著參數的變化而連續重繪。

如何在 Desmos 及其他數學工具中製作函數圖形動畫？

選擇合適的工具取決於目標是探索、課堂演示，還是精緻的影片製作。

Desmos：滑桿、移動點、動作與自動循環

Desmos 是最快速的入門方式之一。在表達式中輸入一個自由變數即可建立滑桿；同一個滑桿可以控制多個表達式。滑桿可以自動播放、重複、向前和向後移動，或以不同速度單次運行。

對於更複雜的行為，Desmos Actions 可以在點擊或時鐘滴答後更新變數。Ticker 可以重複執行一個動作，而特殊的 dt 變數則追蹤經過的時間。這使得自動循環、定時顯示和點擊觸發的演示成為可能。

滑桿用於簡單探索，而 Actions/Tickers 則用於自動化或事件驅動的課程。

GeoGebra、PowerPoint 和 Keynote：無需程式碼的動畫製作

GeoGebra 提供可配置範圍、增量、速度和動畫模式的滑桿。它還可以為受函數或其他數學物件約束的從屬點製作動畫。

對於更簡單的視覺演示，PowerPoint Morph 和 Keynote Magic Move 提供了一種技術門檻較低的方法：建立同一物件的兩種狀態，然後讓簡報軟體在它們之間進行插值。這種方法廣泛應用於基於問題的數學課程工作流程中。

Manim 和 MATLAB：進階或可重複使用的動畫

Manim 更適合精確、渲染的解釋。ValueTracker 儲存變化的參數，而 always_redraw() 等函數則保持從屬物件同步。

MATLAB 支援類似的程式化模型。MathWorks 建議更新現有線條物件的 XData 和 YData，而非重複重建圖形；animatedline 可以漸進式地向圖形添加點。

實用的工具升級路徑為：

使用最簡單的工具，清晰地傳達數學概念。

教師如何讓函數轉換更容易理解？

當學生一次看到太多變化時，函數轉換往往會變得令人困惑。

一次只改變一個參數

對於

[

y=a(x-h)^2+k,

]

，請在 (a=1) 和 (k=0) 時為 (h) 製作動畫。然後單獨處理 (k)，接著是 (a)。這將圖形轉變為一個受控的視覺實驗。

保持母函數、座標軸和關鍵點可見

比較轉換時，請保持座標軸和視窗固定。否則，學生可能不清楚是函數改變了，還是「攝影機」改變了。

關鍵點也有幫助。頂點、截距或選定點可以在圖形移動時保持高亮顯示。這使得轉換規則更容易與實際座標連結。

解釋內部與外部轉換

動畫不應取代解釋。學生可能會看到 (f(x-h)) 水平移動，卻不明白原因。

在播放動畫之前，請學生預測關鍵點的最終位置，然後從轉換後的圖形反推其方程式。目標不僅是辨識某物向左或向右移動，而是將符號變化與圖形變化連結起來。

如何設計數學圖形動畫的時序與互動？

時序是教學設計的一部分。

多階段動畫使用一個主時間軸

對於複雜的解釋，一個主變數 (t) 可以控制多個階段：

[

h(t),\quad k(t),\quad a(t).

]

與其運行獨立的滑桿，不如定義每個變數何時改變。一個序列可以顯示母圖形、為 (h) 製作動畫、暫停、為 (k) 製作動畫，最後揭示完整的方程式。

這使得動畫更容易同步，也更容易在日後編輯。

將動畫速度視為數學資訊

緩動效果可以使視覺轉換看起來更流暢，但應謹慎使用。

如果課程僅顯示平移，緩動效果可能無害。但如果課程涉及速度、變化率或時間相關運動，非線性緩動可能會在視覺上暗示加速，而這並非數學的一部分。

當等時間間隔很重要時，請選擇能保持該關係的動態。

讓互動符合課程需求

教師控制的動畫非常適合首次解釋。學生控制的滑桿支援探索。自動循環對於簡短演示很有用，而點擊顯示的互動則非常適合預測任務。

關鍵問題不是「這個圖形可以自動播放嗎？」，而是**「在課程的這一點上，誰應該控制變化？」**

如何將函數圖形動畫轉化為可重複使用的數學課程或影片？

當圖形動畫包含背景、解釋和重新審視概念的方法時，它就成為一種教學資產。

圍繞預測、旁白和策略性暫停進行建構

一個有用的結構是：

問題 → 預測 → 動畫 → 暫停 → 解釋 → 檢查

旁白應在相關視覺變化發生的同時描述數學關係。避免從第一幀就顯示所有方程式、標籤和註釋。

保持數學內容可編輯並驗證 AI 生成的內容

當 AI 支援製作過程時，請在最終影片之前，優先處理可編輯的圖形、腳本或分鏡腳本。

驗證方程式、座標軸比例、參數方向、標籤、圖形形狀、旁白和動畫時序。一個視覺上令人信服的圖形仍然可能傳達錯誤的數學概念。

對於更廣泛的影片工作流程，經過驗證的 Desmos、GeoGebra、Manim 或 MATLAB 動畫可以與課程文件和旁白結合。Leadde 旨在將文件、簡報、培訓材料和教育內容轉化為結構化影片，包括 AI 旁白、虛擬人像和多語言輸出。

設計以利重複使用與無障礙性

保留原始檔案，這樣即使方程式改變，也無需重建整個課程。使用字幕和清晰可讀的標籤，並且不要僅憑顏色來區分函數；WCAG 建議使用文字或形狀等額外提示。

對於與其他內容同時自動移動且持續超過五秒的內容，WCAG 也要求提供暫停、停止或隱藏該移動的方式，除非其為必要元素。

動畫結束後保持最終圖形可見，也能讓學生有時間檢查最終的數學狀態。

結論

有效的函數圖形動畫並非僅僅讓圖形動起來。它是為了讓數學變化更容易被看見、預測、解釋和重新審視。從明確的學習目標和 Desmos 或 GeoGebra 等簡單工具開始，然後僅在課程需要時才轉向更進階的動畫或影片工作流程。

常見問題

Desmos 可以自動製作函數圖形動畫嗎？

可以。Desmos 滑桿可以自動製作動畫，而帶有 Ticker 的進階 Actions 可以重複更新變數，以實現定時或循環動畫。

如何在不寫程式碼的情況下製作函數圖形動畫？

Desmos 和 GeoGebra 是最直接的選擇。兩者都允許教師使用滑桿控制函數參數，而無需編寫傳統程式碼。PowerPoint Morph 和 Keynote Magic Move 也可以為更簡單的數學視覺效果製作動畫。

如何在 Desmos 中製作圖形轉換動畫？

編寫一個帶有參數的函數，例如 (y=(x-h)^2)，為 (h) 建立一個滑桿，設定一個實用的範圍，然後按下播放。保持母圖形 (y=x^2) 可見，以便學生可以比較轉換。

Desmos 或 GeoGebra 哪個更適合圖形動畫？

Desmos 通常更簡單，適用於快速函數探索和參數滑桿。GeoGebra 則為動態幾何建構和從屬數學物件提供更深入的支援。最佳選擇取決於課程需求。

Manim 值得數學教師學習嗎？

當您需要精確、可重複使用、精緻的數學影片時，Manim 會很有用。對於日常課堂探索，Desmos 或 GeoGebra 通常需要較少的設定。

如何為沿著函數移動的點製作動畫？

對於函數 (f(x))，定義點 ((a,f(a))) 並為參數 (a) 製作動畫或拖曳。隨著輸入的變化，該點會保持在曲線上。Desmos 直接支援此功能。

數學動畫應該使用緩動效果嗎？

僅在緩動效果不扭曲數學概念時才應使用。對於轉換，它可以提高視覺流暢度；對於關於時間、速度或變化率的課程，線性時序通常更清晰。

AI 能否製作出數學上精確的圖形動畫？

AI 可以幫助生成程式碼、分鏡腳本、旁白和製作資產，但教師在使用動畫進行教學之前，仍應驗證每個方程式、圖形、標籤、座標軸、參數方向和時序決策。