A character moving on a game screen, or your location marker shifting on a map app — both are really just movement on a coordinate grid. In middle school math, we learn three main kinds of these movements: reflection, translation, and rotation. All three share one thing in common — they change a shape's position or direction while keeping its size and shape exactly the same — so together they're sometimes called "rigid motions."
Reflection is easiest to picture as a mirror image. Reflect over the x-axis like a mirror, and only up-and-down flips, so only the sign of the y-coordinate changes: (x, y) → (x, -y). Reflect over the y-axis, and only left-and-right flips, so only the sign of the x-coordinate changes: (x, y) → (-x, y). Reflecting through the origin is like applying both mirrors at once, so both x and y flip sign — and interestingly, that gives the exact same result as a 180° rotation. Translation is the simplest rule of all: you're just picking the whole shape up and setting it down somewhere else. Just add dx to every point's x-coordinate and dy to its y-coordinate. Rotation turns a shape around the origin by some angle — and hidden inside every 90° turn is a rule where x and y swap places and one of them flips sign.
Why do these rules matter? The key is that coordinates — plain numbers — can completely describe a shape's movement. Before the French mathematician Descartes first invented the coordinate plane, geometry (the study of shapes) and algebra (the study of numbers) were almost completely separate worlds. Once the coordinate plane existed, a shape statement like "rotate the triangle 90°" could be rewritten entirely as a number calculation: "turn (x,y) into (-y,x)." That shift in thinking is exactly why computers can handle every visible motion — computer graphics, game engines, even calculating the movement of a robot arm — purely through number crunching.
Reflection shows up often in nature and art, too. A butterfly's wings, a human face, and the crystal structure of a snowflake are all close to having line symmetry or point symmetry. The artist M.C. Escher is famous for creating his mysterious optical-illusion artworks by repeatedly reflecting and translating shapes. Rotational symmetry is easy to spot in a pinwheel, a starfish, or the bolt pattern on a car wheel. Looking for real examples like these makes the abstract topic of "shape movement" feel a lot more familiar.
When studying this with kids, I recommend predicting the coordinates first, then checking. For example, have them calculate by hand where the triangle's vertex (2,3) would land after reflecting over the y-axis, then actually plot the point on a coordinate grid to check. It also helps to verify things directly — does rotating 90° twice give the same result as rotating 180° once? Does reflecting twice bring a shape back to where it started? — since seeing the rule work makes it stick much better. On our activity page, you can reflect, translate, or rotate a triangle with a single button press, and compare the original coordinates side by side with the new ones. It works best if you predict "what coordinates will I get this time?" before pressing the button, then check your guess.