The Amazing Guide to Transformations Using video games

The Amazing Guide to Transformations (Using video games) Click to Continue…

What is a Transformation? The definition of transformation is the replacement of the variables in an algebraic expression by their values in terms of another set of variables, or a mapping of one space onto another or onto itself.

Table of Contents • • • Translations- Liam Hanrahan- Donkey Kong Tessellations- Gina Kim - Tetris Rotations- Tyler Yuen- Pipe Mania Reflections- Christian Skroce- Pac-man Dilations- Erin Hughes- Super Mario

Translations

Translation Key Terms • Translation- Moving a shape, without rotating or flipping it. "Sliding". • Initial Point- The starting point of the vector • Terminal Point- The end point of a vector • Vector- a quantity that has both direction and magnitude • Component form- is made up by the horizontal and vertical components of a vector. • Image- The new figure after you apply the transformation • Pre-image- The original figure before the transformation • Coordinate notion- it tells you how many spaces on the x and y axis you should move each point. For example, (x, y) >>>>>>> (x+3, y-2)

Donkey Kong Mario is trying to escape death and is originally at (-4, -6), he is then translated (7, 2) to point (3, -4). Pre-Image

Translation • If the pre image of a point is at (3, 2) and you want it to translate (-5, 6) than what are the coordinates of the point after the translation? (-2, 8)

Translation • If the final image of a triangle is at (3, 1), (-4, 7) and, (-2, 3) and it was just translated (4, 2) then what were the coordinates before the translation? (-1, -1), (-8, 5) and, (-6, 1)

Translation • If the pre-image of a rectangle has coordinates of (1, 4), (7, -2), (7, 4)and (1, -2). After a translation, the coordinates are (4, 2), (10, -4), (10, 2) and, (4, -4). What was the rule off the translation that occurred? (3, -2)

Donkey Kong Vectors Since the pre-Image is moved 7 spots to the right and 2 spots up, you can make a vector that describes the objects motion. The vectors component form would then be (7, 2). The Initial point is (-4, -6) and the terminal point is (3, -4) Image Pre-Image

Donkey Kong Matrices You can also describe Mario's motion by using matrices in the matrices format, you put the original coordinate for the x in the 1 st column then next in the 2 nd column you put the x rule, then in the third column you put the final coordinate in the x. You do the same thing below it but for the y coordinates. , the matrices form is: Pre-Image -4, 7, -3 -6, 2, -4 Image

Matrices Practice • A triangle with coordinates of (3, 2), (4, 7) and, (9, 0) and experienced a translation of (5, 6). Use the matrices format to find the new images coordinates. (3, 4, 9) (5, 5, 5) (8, 9, 14) (2, 7, 0) (6, 6, 6) (8, 13, 6) Coordinates= (8, 8), (9, 13) and, (14, 6)

Tetris the game itself is not a tessellation, however its pieces are tetrominoes which can tessellate

Look at how Tetris pieces tessellate!

Types of Tessellations A tessellation has a repeating pattern of figures that completely covers a plane without any gaps or overlaps. Click on the examples ØRegular Tessellation a pattern made by repeating a regular polygon ØSemi-Regular Tessellation made of two or more regular polygons where the pattern at each vertex are the same; there a total of eight kinds ØDemi-Regular Tessellation made of regular polygons in which there are either two or three different polygon arrangements, or consists of curved shapes

Would it make a regular tessellation or not? a= 180 (n – 2) n Use this formula for the measure of an angle of a regular polygon. Substitute the number of sides of the regular polygon you are testing for n.

The interior angle of a pentagon is 108 degrees. . . 108 + 108 = 324 degrees. . . Not a factor of 360 120 + 120 = 360 degrees That’s why hexagons work.

Create your own tessellation! On a large piece of paper trace your tessellation stencil over and over, lining up each new tracing to the one you just completed. You can work top to bottom or left to right. Fill the page. http: //www. pbs. org/parents/education/math/games/first-second-grade/tessellation/

How to name a tessellation

Symmetries found in tessellations Match them!

Real life applications

Rotations

Key Terms • Vocabulary • Center of rotation: the fixed point of a rotation • Angle of rotation: rays drawn from the center of rotation to a point and its image form an angle • Rotational Symmetry: a figure that can be mapped onto itself by a clockwise rotation of 180 degrees or less • Isometry: a transformation that preserves length • Theorems: • Theorem 7. 2: A rotation is an isometry • Theorem 7. 3: If lines k and m intersect at point P, then a reflection in k followed by a reflection in m is a rotation about point P • The angle of rotation is 2 x degrees, where x degrees is the measure of the acute or right angle formed by k and m

Rotational Symmetry • What is rotational symmetry and how do I know if a figure has it? • A figure has rotational symmetry if it can be mapped onto itself by a clockwise rotation of 180 degrees or less • Does this shape have rotational symmetry? NO! YES!

How to Rotate a Figure on a Coordinate Plane • In order to rotate a figure on a coordinate plane you will need this table: • • • Equations R 90 (x, y) = ( y, x) R 180 (x, y) = ( x, y) R 270 (x, y) = (y, x) R 90 (x, y) = (y, x) So lets say we want to rotate this rectangle 90° A B D C

How to Rotate a Figure on a Coordinate Plane (cont. ) • In order to rotate a figure 90° you have to change each point according to the table. • So for point A, its original coordinates are (1, 3) • In order to rotate it 90° we need to change the original x coordinate to the original y and make it negative, this is your new x coordinate • For the new y coordinate all you have to do is take the original x coordinate • The new point for A is now ( 3, 1) • The new point for B is now ( 3, 5) • The new point for C is now ( 1, 5) • The new point for D is now ( 1, 1) • Equations • R 90 (x, y) = ( y, x) • R 180 (x, y) = ( x, y) • R 270 (x, y) = (y, x) • R 90 (x, y) = (y, x)

How to Rotate a Figure on a Coordinate Plane (cont. ) • Quick! This water pipe needs to be rotated 270° in order to beat the level! What are the new coordinates in order to win? HINT • • • Equations R 90 (x, y) = ( y, x) R 180 (x, y) = ( x, y) R 270 (x, y) = (y, x) R 90 (x, y) = (y, x) A D B C

Drawing a Rotation Image Using a Protractor • To draw a rotation image with a protractor on a point, you need to start with a point on the shape, then draw a line to the point you are going to rotate it around. Then create another line according to the angle you want to rotate it. You have to do this for every point of the shape you are rotating. When you finish creating the new lines, connect the end points and you should have your new shape.

Drawing a Rotation Image Using a Protractor (cont. ) • This picture has fallen out of its place, rotate it 90° from point P in order to place it upright! B C P A D

Finding the Angle of Rotation When a Pre image is Reflected Over Two Lines • In order to do this you need to find the middle angle of the three images, then double it to find the angle of rotation. D’ D C C’ A A’ B’ D’’ B 123° B’’ C’’ A’’

Answer Key • New coordinates: A=( 4, 4) B=( 4, 6) C=( 7, 6) D=( 7, 4) • Angle of Rotation = 114°

Reflections

What is a Reflection? • A reflection is a transformation where a line on a grid acts like a mirror. An image is reflected over this line. Key Terms Line of Reflection the line that acts like a mirror in a reflection Line of Symmetry a line in a figure that allows the figure to be mapped onto itself by a reflection in the line Isometry a type of transformation where the figure retains its original shape

How to Find Lines of Symmetry • Different shapes have different lines of symmetry. • You can determine the number of lines of symmetry in a regular polygon by the number of sides it has. Squares 4 sides 4 lines of symmetry Isosceles Triangle 1 line of symmetry Regular Hexagon 6 sides 6 lines of symmetry

How to reflect of pre image over a line • In this example, the blue image is reflected over the y axis. When reflecting an image over a line, it is important to make sure that opposite sides and point are equidistant from the line of reflection.

How to Find the Equation for the line of Reflection • To find the equation for the line of reflection of two images, you must find two midpoints between points in the original image and the reflected image. So the equation for this line of reflection is y=3.

Finding Minimum Distance • In this problem we were trying to find point C so that AC+BC is a minimum distance. You must reflect point A over a line of reflection (Ex. y= 2, x axis). Then you connect the reflected A to B. You then find the equation for this line and set it equal to what y is in the line of reflection (Ex. 2 if it’s y=2, 0 if it is the x axis. Whatever x equals is the x coordinate for C, which is located on the line you reflected A over.

Lines of Symmetry Activity • How many line of symmetry do the pac man map and pac man have?

Answers • Lines of Symmetry Problem Pac man map 1 line of symmetry Pac man 1 line of symmetry

Reflecting a Pre image Over a Line GSP Activity Step by Step 1 Click the graph tab and click show grid. Step 2 Construct the ghost figure as scene above. Step 3 Click the transform tab and select REFLECT. This will reflect the figure over the x axis. Make sure the corresponding points in each figure are equidistant from each other.

Answer • Ghost GSP Activity

Writing Equations for the Line of Reflection • Find the equation for the line of reflection for these two triangles.

Answer • Writing equation for the line of reflection • Equation y=1/2 x+1/2

Finding Minimum Distance (Real World Application) • In an arcade, there are two popular pac man games. One at point A( 1, 4) and the other at point B(6, 3). You want to put a change machine somewhere in the first row of games (this is also the x axis). Find where point C or the coin machine needs to be so that AC + BC is a minimum distance. Hint: Reflect point A over the x axis.

Answer • Point C- (3, 0)

Dilations

Key Words and Vocab • Dilation: a transformation that produces an image that is the same shape as the original but a different size. • Scale Factor: the amount by which the image grows or shrinks • Reduction: a dilation where the image shrinks and the scale factor is less than one • Enlargement: a dilation where the image grows and the scale factor is greater than one

What is a dilation? • A dilation is taking a figure and either making it smaller or bigger using the scale factor. • When an object is dilated the new image and the previous image are similar but not congruent.

Properties Preserved in Dilations • • • 1. angle measures remain the same 2. Parallel lines remain parallel 3. Collinear points stay on the same line 4. Midpoints remain the same in each figure 5. Orientation (letter order) remains the same.

Enlargements vs Reductions • If a shape is an enlargement the scale factor will be greater then one. To either get the new side length or point, multiply each side or point by the scale factor. • If the shape is reduction the scale factor will be less then one. To either get the new side length or point, multiply each side by the scale factor.

How to find the Scale Factor • A’ A 24 in 8 in B’ B K=3

Enlargement Mario eats the mushroom and gets bigger 3 in X 8 in 24 in What is x? What is the scale factor?

Answer • x= 9 in • Scale factor=9

Enlargement x Mario eats the mushroom and gets bigger 3 in 88 in What is x? What is the scale factor?

Answer • x=33 • Scale factor=11

Mario eats the mushroom and gets smaller Reduction What is x? What is the scale factor? 3 in 1 in 8 in X

Answer • X= 2 and 2/3 • Scale Factor=1/3

Scale Factor= 2 A(1, 4) C(4, 4) What will the new coordinates be? B(1, 0) D(4, 0)

Answer A(2, 8) B(2, 0) C(8, 8) D(8, 0)

Real Life Application • An arcade owner decides that he wants to enlarge the sign for the arcade. The original dimensions are 5 ft by 2 ft. He decides that he wants to enlarge it by a scale factor of 2. What will the new dimensions be?

Answer • 10 ft by 4 ft

Bibliography • • • http: //www. thefreedictionary. com/transformations ^^^^Definition of Transformation http: //www. androidpit. com/en/android/market/apps/app/com. dodisturb. pipe. Mania/ Pipe-Mania- Pipe Mania Background photobucket. com/images/pac%20 man? page=1 - Donkey Kong map http: //b. vimeocdn. com/ts/285/648/285648995_640. jpg - Video game start for first couple of slides. http: //npinopunintended. files. wordpress. com/2012/05/game-over-1. jpeg - game over picture http: //cdn. i. haymarket. net. au/Utils/Image. Resizer. ashx? n=http%3 A%2 F%2 Fi. haymarket. net. au%2 FNews%2 FWP_Donkey. Kong. Main_1280 x 1024. jpg&h=480&w=640 – donkey kong background http: //t 7 ak. roblox. com/f 851 e 9363119 cfd 2 e 1224986 b 62895 f 1 - Pac-man map http: //cdn. pastemagazine. com/www/articles/2011/01/14/Pac. Man_Logo. jpg? 1295002800 – pac-man background http: //www. developonline. net/static/images/news/38595/184_10220_pacman. jpg? i=1315409249 - Slide 38 pac-man

Bibliography Cont. • • https: //www. google. com/search? q=super+mario+bros+little+mario&aq=f&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=Llp 4 Ub. Ol. E 5 T_4 AOjio. Co. AQ&biw=1366&bi h=667&sei=MFp 4 Uf. DMKe 3 F 4 APdg. YFg#um=1&hl=en&tbm=isch&sa=1&q=little+mario&oq=lit tle+mario&gs_l=img. 3. . 0 l 5 j 0 i 5 l 2 j 0 i 24 l 3. 42480. 49653. 2. 50273. 56. 29. 5. 2. 2. 9. 126. 1751. 26 j 1. 27. 0. 0. . . 1 c. 1. 11. img. b. Ngw 4 LKn. Sx. Y&bav=on. 2, or. r_cp. r_qf. &bvm=bv. 45645796, d. dmg&fp=60 55078 d 5844 dc 90&biw=1366&bih=667&imgrc=tt. Ov 7 QHA_6 Tm. WM%3 A%3 BP 17 lote. T 7 t. Gj. M%3 Bhttp%253 A%252 Fwww. joystickdivision. com%252 Fmario%252520 j ump. jpg%3 Bhttp%253 A%252 Fwegetgeek. com%252 F 2011%252 F 09%252 F 07%252 Fput ting-the-savageworlds-in-our-heroes-mario-and-luigi%252 F%3 B 300%3 B 412 - slide 47 Mario picture https: //www. google. com/search? q=small+mario&aq=f&surl=1&safe=active&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=XH 12 UYKw. Ofb 84 APsx. YCABQ&biw=1366 &bih=667&sei=X 312 Uaqj. Au_I 4 APP 9 o. Dw. Bg#um=1&safe=active&hl=en&tbm=isch&sa=1&q=n ew+super+mario+bros+small&oq=new+super+mario+bros+small&gs_l=img. 3. . 0 i 24. 11965. 14 576. 9. 15126. 8. 5. 0. 3. 3. 0. 54. 260. 5. 5. 0. 0. . . 1 c. 1. 9. img. r. D 0 e. J 95 Oc. Rk&fp=1&biw=1366&bih=6 67&bav=on. 2, or. r_cp. r_qf. &cad=b&sei=JVt 4 Ueb. ICb. S 54 APLu. YDYCw&imgrc=t. Ky 6 Njvxxl. Xy. PM %3 A%3 BQWMheai. VAq 3 LIM%3 Bhttp%253 A%252 Fsickr. files. wordpress. com%252 F 201 2%252 F 07%252 Fsmall_mario_block 1. jpg%3 Bhttp%253 A%252 Fmynintendonews. com %252 Ftag%252 Fblocks%252 F%3 B 560%3 B 1024 - slide 45, 51, and 52 Mario

Bibliography Cont. • https: //www. google. com/search? q=small+mario&aq=f&surl=1&safe=active&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=J 9 d 3 Ub. HVN 5 CG 8 QSrn. YCo. Aw&biw=1366&bih=6 67&sei=L 9 d 3 UYms. Do. GW 8 g. Tz. IHw. BA#imgrc=q 7 V 7 z 23 j. SWn 18 M%3 A%3 BZY 7 PM 8 pb 8 ve. TEM%3 Bhttp%253 A%252 Fimages 1. wikia. nocookie. net%252 F__cb 20100202154502%252 Ffantendo%252 Fimages%252 F 65%25 2 FSmall. Mario. png%3 Bhttp%253 A%252 Ffantendo. wikia. com%252 Fwiki%252 FNew_Super_M ario_Bros. _Omega%252 FList_of_Power-Up_Forms%3 B 443%3 B 490 - Slide 45 bigger Mario • https: //www. google. com/search? q=small+mario&aq=f&surl=1&safe=active&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=J 9 d 3 Ub. HVN 5 CG 8 QSrn. YCo. Aw&biw=1366&bih=6 67&sei=L 9 d 3 UYms. Do. GW 8 g. Tz. IHw. BA#um=1&safe=active&hl=en&tbm=isch&sa=1&q=super+mario+bros+small+mushroom&oq=s uper+mario+bros+small+&gs_l=img. 1. 1. 0 i 24 l 2. 17581. 20226. 2. 22268. 9. 6. 1. 2. 3. 0. 52. 290. 6. 6. 0. 0. . . 1 c. 1. 11. img. Wlyh. Jfd. Bj. V 0&bav=on. 2, or. r_cp. r_qf. &bvm=bv. 45580626, d. e. WU&fp=3 c 1 cb 5578 fdf 6 c 75&biw=1366&bih=667&imgrc=2 k. TCIUV 1 k__P 7 M%3 A%3 BXbr 82 YU 7 WJ 8 OM%3 Bhttp%253 A%252 Fimages 3. wikia. nocookie. net%252 F__cb 2013022123455 8%252 Fmario%252 Fimages%252 F 59%252 F 483 px-Powerup-mushroomsm. png%3 Bhttp%253 A%252 Fmario. wikia. com%252 Fwiki%252 FSuper_Mushroom%3 B 483%3 B 480 - red mushroom

Bibliography Cont. • • https: //www. google. com/search? q=small+mario&aq=f&surl=1&safe=active&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=J 9 d 3 Ub. HVN 5 CG 8 QSrn. YCo. Aw&biw=1366&bih=6 67&sei=L 9 d 3 UYms. Do. GW 8 g. Tz. IHw. BA#um=1&safe=active&hl=en&tbm=isch&sa=1&q=super+mario+bros+small+mushroom&oq=s uper+mario+bros+small+&gs_l=img. 1. 1. 0 i 24 l 2. 17581. 20226. 2. 22268. 9. 6. 1. 2. 3. 0. 52. 290. 6. 6. 0. 0. . . 1 c. 1. 11. img. Wlyh. Jfd. Bj. V 0&bav=on. 2, or. r_cp. r_qf. &bvm=bv. 45580626, d. e. WU&fp=3 c 1 cb 5578 fdf 6 c 75&biw=1366&bih=667&imgrc=Pl 1 Gse. XE 6 j. F 2 GM%3 A%3 BLumm. I 6 P_WS 9 z. GM%3 Bhttp%253 A%252 F%252 Foyster. ignimgs. com%252 Fmediawiki%252 Fapis. ign. com%252 Fsuper-mario-2 d-workingtitle%252 F 31%252 FMini_Mushroom. png%3 Bhttp%253 A%252 Fwww. ign. com%252 F wikis%252 Fnew-super-mario-bros-2%252 FMini_Mushroom%3 B 225 - blue mushroom https: //www. google. com/search? q=small+mario&aq=f&surl=1&safe=active&um=1&ie=UTF 8&hl=en&tbm=isch&source=og&sa=N&tab=wi&ei=J 9 d 3 Ub. HVN 5 CG 8 QSrn. YCo. Aw&biw=1366&bih=6 67&sei=L 9 d 3 UYms. Do. GW 8 g. Tz. IHw. BA#um=1&safe=active&hl=en&tbm=isch&sa=1&q=super+mario+bros+small+mushroom&oq=s uper+mario+bros+small+&gs_l=img. 1. 1. 0 i 24 l 2. 17581. 20226. 2. 22268. 9. 6. 1. 2. 3. 0. 52. 290. 6. 6. 0. 0. . . 1 c. 1. 11. img. Wlyh. Jfd. Bj. V 0&bav=on. 2, or. r_cp. r_qf. &bvm=bv. 45580626, d. e. WU&fp=3 c 1 cb 5578 fdf 6 c 75&biw=1366&bih=667&imgrc=Pl 1 Gse. XE 6 j. F 2 GM%3 A%3 BLumm. I 6 P_WS 9 z. GM%3 Bhttp%253 A%252 F%252 Foyster. ignimgs. com%252 Fmediawiki%252 Fapis. ign. com%252 Fsuper-mario-2 d-workingtitle%252 F 31%252 FMini_Mushroom. png%3 Bhttp%253 A%252 Fwww. ign. com%252 F wikis%252 Fnew-super-mario-bros-2%252 FMini_Mushroom%3 B 225 - red and yellow mushroom

Bibliography Cont. • Math is fun. N. p. , n. d. Web. 24 Apr. 2013. <http: //www. mathsisfun. com/geometry/tessellation. html>. • Polyominoes Exploration. N. p. , n. d. Web. 24 Apr. 2013. <http: //euler. slu. edu/escher/index. php/Polyominoes_Exploration>. • Problem Solving and Computing. N. p. , n. d. Web. 24 Apr. 2013. <http: //www. math. grin. edu/~rebelsky/Courses/CS 103/98 S/Proble ms/problems. 05. html>.