Presentation on theme: "The Amazing Guide to Transformations (Using video games)"— Presentation transcript:
1The Amazing Guide to Transformations (Using video games) Click to Continue…
2What 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.
3Table of Contents Translations- Liam Hanrahan- Donkey Kong Tessellations- Gina Kim - TetrisRotations- Tyler Yuen- Pipe ManiaReflections- Christian Skroce- Pac-manDilations- Erin Hughes- Super Mario
5Translation Key TermsTranslation- Moving a shape, without rotating or flipping it. "Sliding".Initial Point- The starting point of the vectorTerminal Point- The end point of a vectorVector- a quantity that has both direction and magnitudeComponent form- is made up by the horizontal and vertical components of a vector.Image- The new figure after you apply the transformationPre-image- The original figure before the transformationCoordinate 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)
6Donkey KongMario is trying to escape death and is originally at (-4, -6), he is then translated (7, 2) to point (3, -4).Pre-ImageImage
7TranslationIf 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)
8TranslationIf 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)
9TranslationIf 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)
10Donkey Kong VectorsSince 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)Pre-ImageImage
11Donkey Kong Matrices -4, 7, -3 -6, 2, -4 You can also describe Mario's motion by using matrices in the matrices format, you put the original coordinate for the x in the 1st column then next in the 2nd 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:-4, 7, -3-6, 2, -4Pre-ImageImage
12Matrices PracticeA 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)
13TessellationsTetris the game itself is not a tessellation, however its pieces are tetrominoes which can tessellate
14Look at how Tetris pieces tessellate! These Tetris pieces are also known as a quadromino or tetromino which is a polyomino made from four squares. As you can see tetrominoes can tessellate.A polyomino is a polygon made from squares of the same size, connected only along complete edges.
15Types of Tessellations A tessellation has a repeating pattern of figures that completely covers a plane without any gaps or overlaps. Click on the examplesRegularTessellation a pattern made by repeating a regular polygonmade of two or more regular polygons where the pattern at each vertex are the same; there are a total of eight kindsSemi-Regular TessellationDemi-Regular Tessellationmade of regular polygons in which there are either two or three different polygon arrangements, or consists of curved shapes
16Would it make a regular tessellation or not? Because the figures in a tessellation do not overlap or leave gaps, the sum of the measures of the angles around any vertex must be 360°.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.180 (n – 2)na =If the product of the expression is a factor of 360, then the regular polygon will tessellate.
17As you have tried using the formula for multiple regular polygons, the truth came out to be that only triangles, squares, and hexagons tessellate. See for yourself.The interior angle of a pentagon is 108 degrees. . .= 324 degrees Not a factor of 360= 360 degreesThat’s why hexagons work.
18Create 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.Or click on the link below if you want to do it fast online
19How to name a tessellation To name a tessellation, simply work your way around one vertex counting the number of sides of the polygons that form that vertex. The trick is to go around the vertex in order so that the smallest numbers possible appear first.That's why we wouldn't call our 3, 3, 3, 3, 6 tessellation a 3, 3, 6, 3, 3!
20Symmetries found in tessellations TranslationReflectionRotationGlide ReflectionMatch them!
21Real life applications Gina has recently bought a house and need to retile some rectangular and square floors. She visits the local Home Depot and discovers that there are many shapes and sizes of tiles. She is particularly attracted to the tiles labeled “tetrominoes”. What is the minimum number of each tetromino she needs to completely tile a rectangle? A square? She cannot cut the tetrominoes.
23Key TermsVocabulary-Center of rotation: the fixed point of a rotationAngle of rotation: rays drawn from the center of rotation to a point and its image form an angleRotational Symmetry: a figure that can be mapped onto itself by a clockwise rotation of 180 degrees or lessIsometry: a transformation that preserves lengthTheorems:Theorem 7.2: A rotation is an isometryTheorem 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 PThe angle of rotation is 2x degrees, where x degrees is the measure of the acute or right angle formed by k and m
24Rotational Symmetry NO! YES! 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 lessDoes this shape have rotational symmetry? Does this shape have rotational symmetry?NO!YES!
25How to Rotate a Figure on a Coordinate Plane In order to rotate a figure on a coordinate plane you will need this table:EquationsR90 (x,y) = (-y,x)R180 (x,y) = (-x,-y)R270 (x,y) = (y,-x)R-90 (x,y) = (y,-x)So lets say we want to rotate this rectangle 90°ABDC
26How 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 coordinateFor the new y coordinate all you have to do is take the original x coordinateThe 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)EquationsR90 (x,y) = (-y,x)R180 (x,y) = (-x,-y)R270 (x,y) = (y,-x)R-90 (x,y) = (y,-x)
27How 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?HINTEquationsR90 (x,y) = (-y,x)R180 (x,y) = (-x,-y)R270 (x,y) = (y,-x)R-90 (x,y) = (y,-x)ABDC
28Drawing 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.
29Drawing 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!BCPAD
30Finding 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’A’DAC’B’BD’’CC’’123°B’’A’’
31Answer Key New coordinates: A=(-4,4) B=(-4,6) C=(-7,-6) D=(-7,-4) Angle of Rotation = 114°
33What is a Reflection? Key Terms A reflection is a transformation where a line on a grid acts like a mirror. An image is reflected over this line.Key TermsLine of Reflection- the line that acts like a mirror in a reflectionLine of Symmetry- a line in a figure that allows the figure to be mapped onto itself by a reflection in the lineIsometry- a type of transformation where the figure retains its original shape
34How 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-Regular Hexagon-6 sides- 6 lines of symmetry-Isosceles Triangle- 1 line of symmetry
35How 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.
36How 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.
37Finding 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.
38Lines of Symmetry Activity How many line of symmetry do the pac-man map and pac-man have?
39Answers Lines of Symmetry Problem- Pac-man map- 1 line of symmetry Pac-man- 1 line of symmetry
40Reflecting a Pre-image Over a Line GSP Activity- Step-by-StepStep 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.
42Writing Equations for the Line of Reflection Find the equation for the line of reflection for these two triangles.
43Answer Writing equation for the line of reflection- Equation- y=1/2x+1/2
44Finding 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.
47Key Words and VocabDilation: 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 shrinksReduction: a dilation where the image shrinks and the scale factor is less than oneEnlargement: a dilation where the image grows and the scale factor is greater than one
48Center or dilation: the point which the polygon is dilated off of 0 𝑝 ′ 0 𝑝 = K = scale factor
49What 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.
50Properties Preserved in Dilations 1. angle measures remain the same2. Parallel lines remain parallel3. Collinear points stay on the same line4. Midpoints remain the same in each figure5. Orientation (letter order) remains the same.
51Enlargements 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.
52How to find the Scale Factor To find the scale factor you have to use the equation: 0 𝑝 ′ 0 𝑝 = KExampleA’A24 in8 inB’B𝐴 𝐵 ′ 𝐴𝐵 = 24/8K=3
53Enlargement Mario eats the mushroom and gets bigger What is x? What is the scale factor?3inX8in24in
61Real Life ApplicationAn arcade owner decides that he wants to enlarge the sign for the arcade. The original dimensions are 5ft by 2ft. He decides that he wants to enlarge it by a scale factor of 2. What will the new dimensions be?
63Bibliography http://www.thefreedictionary.com/transformations ^^^^Definition of TransformationPipe Mania Backgroundphotobucket.com/images/pac%20man?page=1- Donkey Kong map- Video game start for first couple of slides.- game over picture– donkey kong background- Pac-man map– pac-man backgroundSlide 38 pac-man
64Bibliography 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=Llp4UbOlE5T_4AOjioCoAQ&biw=1366&bih=667&sei=MFp4UfDMKe3F4APdgYFg#um=1&hl=en&tbm=isch&sa=1&q=little+mario&oq=little+mario&gs_l=img.3..0l5j0i5l2j0i24l j c.1.11.img.bNgw4LKnSxY&bav=on.2,or.r_cp.r_qf.&bvm=bv ,d.dmg&fp= d5844dc90&biw=1366&bih=667&imgrc=ttOv7QHA_6TmWM%3A%3B-P17loteT7tGjM%3Bhttp%253A%252F%252Fwww.joystickdivision.com%252Fmario%252520jump.jpg%3Bhttp%253A%252F%252Fwegetgeek.com%252F2011%252F09%252F07%252Fputting-the-savageworlds-in-our-heroes-mario-and-luigi%252F%3B300%3B412- slide 47 Mario picturehttps://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=XH12UYKwOfb84APsxYCABQ&biw=1366&bih=667&sei=X312UaqjAu_I4APP9oDwBg#um=1&safe=active&hl=en&tbm=isch&sa=1&q=new+super+mario+bros+small&oq=new+super+mario+bros+small&gs_l=img.3..0i c.1.9.img.rD0eJ95OcRk&fp=1&biw=1366&bih=667&bav=on.2,or.r_cp.r_qf.&cad=b&sei=JVt4UebICbS54APLuYDYCw&imgrc=tKy6NjvxxlXyPM%3A%3BQWMheaiVAq3LIM%3Bhttp%253A%252F%252Fsickr.files.wordpress.com%252F2012%252F07%252Fsmall_mario_block1.jpg%3Bhttp%253A%252F%252Fmynintendonews.com%252Ftag%252Fblocks%252F%3B560%3B1024- slide 45, 51, and 52 Mario
66Bibliography 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=J9d3UbHVN5CG8QSrnYCoAw&biw=1366&bih=667&sei=L9d3UYmsDoGW8gTz-IHwBA#um=1&safe=active&hl=en&tbm=isch&sa=1&q=super+mario+bros+small+mushroom&oq=super+mario+bros+small+&gs_l=img.1.1.0i24l c.1.11.img.WlyhJfdBjV0&bav=on.2,or.r_cp.r_qf.&bvm=bv ,d.eWU&fp=3c1cb5578fdf6c75&biw=1366&bih=667&imgrc=Pl1GseXE6jF2GM%3A%3BLummI6P_WS9zGM%3Bhttp%253A%252F%252Foyster.ignimgs.com%252Fmediawiki%252Fapis.ign.com%252Fsuper-mario-2d-working-title%252F3%252F31%252FMini_Mushroom.png%3Bhttp%253A%252F%252Fwww.ign.com%252Fwikis%252Fnew-super-mario-bros-2%252FMini_Mushroom%3B225%3B225- blue mushroomhttps://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=J9d3UbHVN5CG8QSrnYCoAw&biw=1366&bih=667&sei=L9d3UYmsDoGW8gTz-IHwBA#um=1&safe=active&hl=en&tbm=isch&sa=1&q=super+mario+bros+small+mushroom&oq=super+mario+bros+small+&gs_l=img.1.1.0i24l c.1.11.img.WlyhJfdBjV0&bav=on.2,or.r_cp.r_qf.&bvm=bv ,d.eWU&fp=3c1cb5578fdf6c75&biw=1366&bih=667&imgrc=Pl1GseXE6jF2GM%3A%3BLummI6P_WS9zGM%3Bhttp%253A%252F%252Foyster.ignimgs.com%252Fmediawiki%252Fapis.ign.com%252Fsuper-mario-2d-working-title%252F3%252F31%252FMini_Mushroom.png%3Bhttp%253A%252F%252Fwww.ign.com%252Fwikis%252Fnew-super-mario-bros-2%252FMini_Mushroom%3B225%3B225- red and yellow mushroom