Math Practice Animation G-2-1: Function Transformations | 数学练习动画 G-2-1:函数变换知识点精讲

📚 Math Practice Animation G-2-1: Function Transformations | 数学练习动画 G-2-1:函数变换知识点精讲

In this interactive animation series, we visualise how the graph of a function y = f(x) changes when we apply simple modifications to its equation. Understanding the geometric impact of adding constants, multiplying variables, and inserting negative signs builds a solid foundation for calculus, trigonometry, and advanced algebra. The G-2-1 practice module lets you drag sliders and observe each transformation in real time.

在这个交互式动画系列中,我们将直观展示函数 y = f(x) 的图像在方程经过简单调整后如何变化。理解添加常数、乘以系数以及插入负号对图像产生的几何影响,能为微积分、三角学和高等代数打下坚实基础。G-2-1 练习模块支持拖动滑块,让你实时观察每一种变换。


1. Recognising the Parent Function | 识别母函数

Every transformation begins with a parent function, such as f(x) = x², f(x) = √x, f(x) = sin x, or f(x) = |x|. The animation window in G-2-1 displays this reference graph in a pale dashed line so you can compare any new version against the original shape.

每一次变换都从一个母函数开始,例如 f(x) = x²、f(x) = √x、f(x) = sin x 或 f(x) = |x|。G-2-1 的动画窗口会用浅色虚线显示此参考图像,方便你将任何新图像与原始形状进行对比。

  • Select f(x) = 2ˣ to see exponential growth; the dashed curve climbs slowly then shoots upward.
  • 选择 f(x) = 2ˣ 观察指数增长;虚线先缓慢爬升,随后急剧上扬。
  • Choose f(x) = 1/x to explore asymptotic behaviour near the axes.
  • 选择 f(x) = 1/x 探索坐标轴附近的渐近行为。

2. Vertical Translations: f(x) + k | 垂直平移:f(x) + k

Adding a constant k to the output shifts the entire graph up when k > 0 and down when k < 0. The shape remains identical; every point (a, f(a)) moves to (a, f(a) + k). In the animation, the slider for k moves the curve smoothly without changing its gradient at any point.

给输出加上常数 k 会使整条图像向上平移(k > 0)或向下平移(k < 0)。形状完全相同;每个点 (a, f(a)) 移动到 (a, f(a) + k)。在动画中,k 的滑块能平滑移动曲线,且不改变各点的梯度。

g(x) = f(x) + 3, h(x) = f(x) − 2

For the quadratic parent f(x) = x², g(x) = x² + 3 has its vertex at (0, 3), while h(x) = x² − 2 has vertex (0, −2).

对于二次函数母体 f(x) = x²,g(x) = x² + 3 的顶点位于 (0, 3),而 h(x) = x² − 2 的顶点为 (0, −2)。


3. Horizontal Translations: f(x − h) | 水平平移:f(x − h)

A change inside the argument, replacing x with x − h, shifts the graph horizontally. If h is positive, the curve slides to the right; if h is negative, it slides to the left. This feels counter‑intuitive at first, but the animation makes it clear: f(x − 2) reaches the same y‑value two units later, so it appears shifted right.

在自变量中把 x 换成 x − h 会水平移动图像。h 为正时曲线向右平移;h 为负时向左平移。起初这看起来有悖直觉,但动画清晰表明:f(x − 2) 需要比原来晚两个单位才达到相同的 y 值,因此显现为右移。

p(x) = f(x − 4), q(x) = f(x + 1)

With f(x) = √x, the graph of p(x) = √(x − 4) starts at (4, 0), while q(x) = √(x + 1) starts at (−1, 0). Watch the dashed parent begin at the origin and see the translated versions take off from their new starting points.

当 f(x) = √x 时,p(x) = √(x − 4) 的图像从 (4, 0) 开始,而 q(x) = √(x + 1) 从 (−1, 0) 开始。观察虚线母体从原点出发,再看着平移后的版本从各自的新起点出发。


4. Vertical Stretch and Compression: a·f(x) | 垂直拉伸与压缩:a·f(x)

Multiplying the entire function by a factor a changes the vertical scale. If |a| > 1, the graph stretches away from the x‑axis; if 0 < |a| < 1, it compresses towards the x‑axis. The animation reveals that x‑intercepts stay fixed because f(x) = 0 remains zero when multiplied by a.

将整个函数乘以系数 a 会改变垂直尺度。当 |a| > 1 时,图像沿竖直方向背离 x 轴拉伸;当 0 < |a| < 1 时,图像向 x 轴压缩。动画显示 x 截距保持不变,因为 f(x) = 0 乘以 a 后仍然是零。

Transformation Effect on y = x²
y = 2x² Narrower parabola, steeper sides
y = (1/2)x² Wider parabola, shallower slope

In the G-2-1 exercise, drag the vertical‑scale slider from 0.2 to 4 and observe how the same set of points spreads apart or squeezes together.

在 G-2-1 练习中,将垂直缩放滑块从 0.2 拖到 4,观察同一组点是散开还是聚拢。


5. Horizontal Stretch and Compression: f(bx) | 水平拉伸与压缩:f(bx)

Replacing x with bx inside the function affects the horizontal direction. If |b| > 1, the graph compresses horizontally (points are pulled toward the y‑axis); if 0 < |b| < 1, it stretches horizontally. The period of trigonometric functions changes here: sin(2x) completes a full cycle twice as fast.

把函数内部的 x 换成 bx 会影响水平方向。若 |b| > 1,图像水平压缩(点被拉向 y 轴);若 0 < |b| < 1,则水平拉伸。三角函数的周期在这里发生改变:sin(2x) 完成一个完整周期的速度快了一倍。

r(x) = f(2x), s(x) = f(½x)

For f(x) = sin x, r(x) = sin(2x) has period π, while s(x) = sin(½x) has period 4π. The animation highlights these period changes by marking the first positive x‑intercept after the origin.

对于 f(x) = sin x,r(x) = sin(2x) 的周期是 π,s(x) = sin(½x) 的周期则是 4π。动画通过标记原点之后的第一个正 x 截距,高亮显示这些周期变化。


6. Reflections Across the x‑ and y‑Axes | 关于 x 轴与 y 轴的反射

A negative sign outside the function, −f(x), flips the graph over the x‑axis; every positive y becomes negative and vice versa. A negative sign inside, f(−x), reflects the graph across the y‑axis, swapping left and right. The G-2-1 tool toggles these reflections with a switch, making the symmetry instantly visible.

函数外部的负号 −f(x) 会将图像绕 x 轴翻转;每个正 y 变为负,反之亦然。内部负号 f(−x) 会将图像关于 y 轴反射,左右互换。G-2-1 工具通过一个开关来切换这两种反射,立刻展示对称性。

t(x) = −f(x), u(x) = f(−x)

Apply to f(x) = x³: t(x) = −x³ is an inversion through the origin, while u(x) = (−x)³ is identical because the cubic is an odd function – an observation the animation reinforces by overlaying the original and reflected graphs.

应用到 f(x) = x³:t(x) = −x³ 是过原点的翻转,而 u(x) = (−x)³ 与之完全相同,因为三次函数是奇函数——动画通过叠加原图和反射图来强化这一观察。


7. Combining Transformations: Order of Operations | 组合变换:运算顺序

When several transformations are applied, the sequence matters. The general form a·f(b(x − h)) + k follows ‘inside first, then outside’. Start with horizontal shifts and stretches (bx − bh), then handle vertical stretches and shifts. The animation displays a step‑by‑step sequence so learners can isolate each layer.

当组合多个变换时,顺序很重要。通用形式 a·f(b(x − h)) + k 遵循“先内后外”的规则。首先处理水平平移与伸缩 (bx − bh),然后处理垂直伸缩与平移。动画会逐步展示序列,让学习者能够分离每一层变换。

v(x) = 2·f(x + 1) − 3

Start with f(x), shift left by 1, stretch vertically by factor 2, then shift down by 3. Interchanging the two shifts would place the curve in a different location, as the animation demonstrates by toggling the order.

从 f(x) 开始,先左移 1 个单位,再垂直拉伸为原来的 2 倍,最后下移 3 个单位。如果交换两个平移的顺序,曲线会落在不同的位置,动画通过切换顺序证明了这一点。


8. Using Function Notation to Describe Real‑World Graphs | 用函数符号描述实际问题图像

Transformation language helps model data. If a temperature curve T(t) = sin t is adjusted for a starting offset and a longer day, we might write T(t) = 3·sin(½(t − 2)) + 10. The G-2-1 practice encourages interpreting equations by identifying each parameter’s role.

变换语言有助于数据建模。若温度曲线 T(t) = sin t 因初始偏移和更长的白昼时长而调整,我们可能会写出 T(t) = 3·sin(½(t − 2)) + 10。G-2-1 练习鼓励通过识别每个参数的作用来解读方程。

  • Amplitude 3: temperature swings 3 degrees above and below the midline.
  • 振幅 3:温度在中线上方和下方各波动 3 度。
  • Midline 10: average temperature is 10 units.
  • 中线 10:平均温度为 10 个单位。
  • Horizontal compression ½: the cycle repeats every 4π hours.
  • 水平压缩 ½:周期每 4π 小时重复一次。
  • Phase shift 2: the cycle starts 2 hours later than the standard sine curve.
  • 相移 2:比标准正弦曲线晚 2 小时开始循环。

9. Recognising Transformations from Graphs Alone | 仅从图像识别变换

In many exam questions, you are shown two graphs and asked to express the new function in terms of the parent. Measure key points – turning points, intercepts, asymptotes – and compare their coordinates. The G-2-1 animations train your eye by generating random transformed graphs and asking you to identify the parameters.

在许多考题中,你会看到两张图像,并被要求用母函数表示新函数。测量关键点——转向点、截距、渐近线——并比较它们的坐标。G-2-1 动画会生成随机变换后的图像,并要求你识别参数,以此锻炼眼力。

If the vertex of a parabola moves from (0,0) to (3, −1), the equation becomes y = a(x − 3)² − 1.

如果抛物线的顶点从 (0,0) 移动到 (3, −1),那么方程变为 y = a(x − 3)² − 1。


10. Impact on Asymptotes and Domain | 对渐近线与定义域的影响

Transformations can shift vertical and horizontal asymptotes. For f(x) = 1/x, the vertical asymptote x = 0 moves to x = h in f(x − h), and the horizontal asymptote y = 0 moves to y = k in f(x) + k. The animation includes dotted asymptote lines that move in sync with the curve, helping visual learners connect equation and geometry.

变换可以移动垂直和水平渐近线。对于 f(x) = 1/x,垂直渐近线 x = 0 在 f(x − h) 中移动到 x = h,水平渐近线 y = 0 在 f(x) + k 中移动到 y = k。动画包含与曲线同步移动的虚线渐近线,帮助视觉型学习者建立方程与几何之间的联系。

  • Vertical asymptote of g(x) = 1/(x + 4) is x = −4.
  • g(x) = 1/(x + 4) 的垂直渐近线为 x = −4。
  • Horizontal asymptote of h(x) = 1/x + 2 is y = 2.
  • h(x) = 1/x + 2 的水平渐近线为 y = 2。

11. Checking Answers with Reverse Transformations | 用逆向变换检查答案

If a question asks you to find the transformation that maps f(x) onto g(x), you can reverse‑engineer it by applying an opposite step to g(x) and seeing if it returns to f(x). The G-2-1 practice includes a ‘Verify’ button that applies the inverse of your chosen settings and overlays the original parent, giving immediate feedback.

如果题目要求找出将 f(x) 映射为 g(x) 的变换,你可以通过对 g(x) 施加相反步骤并观察其是否回到 f(x) 来进行逆向推导。G-2-1 练习包含一个“验证”按钮,它能施加你选择方案的逆变换,并将原母函数叠加显示,立刻给出反馈。

If g(x) = (x − 3)² is thought to be a shift right by 3, applying shift left by 3 recovers x².

如果认为 g(x) = (x − 3)² 是向右平移 3 个单位的结果,那么施加向左平移 3 个单位即可恢复 x²。


12. Practice Pitfalls and Moving Forward | 常见陷阱与进阶练习

Common mistakes include forgetting to factor the coefficient of x inside a horizontal transformation and mixing up the order of vertical stretches with translations. The animation library stores common error cases – click on them to see why the resulting graph does not match the expected position. Use the G-2-1 suite to build fluency before tackling inverse functions and composite transformations in later modules.

常见错误包括忘记在水平变换中提取 x 的系数,以及混淆垂直拉伸与平移的顺序。动画库存储了常见的错误案例——点击它们即可看到为什么结果图像与预期位置不符。请运用 G-2-1 系列练习,在应对后续模块中的反函数与复合变换之前,达到熟练操作的程度。

Pitfall Correction
Writing f(2x + 6) as a shift left by 6 Factor to f(2(x + 3)); shift left by 3 only.
Applying vertical shift before stretch Stretch first: a·f(x) + k, not a(f(x) + k).

Working through the G-2-1 animated exercises turns abstract rules into visual intuition, preparing you for higher‑level graphing challenges.

完成 G-2-1 动画练习,会将抽象规则转化为视觉直觉,为更高阶的图像分析挑战做好准备。

Published by TutorHao | Mathematics Revision Series | aleveler.com

更多咨询请联系16621398022(同微信)

Comments

屏轩国际教育cambridge primary/secondary checkpoint, cat4, ukiset,ukcat,igcse,alevel,PAT,STEP,MAT, ibdp,ap,ssat,sat,sat2课程辅导,国外大学本科硕士研究生博士课程论文辅导Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from aleveler.com

Subscribe now to keep reading and get access to the full archive.

Continue reading

Exit mobile version