e39465ad2f
new file: Files/flashplayer_32_sa.exe
new file: favicon.ico
new file: globe.gif
new file: imgs/download.png
new file: imgs/zuck.jpg
new file: index.html
new file: other.ico
new file: script.js
new file: site.webmanifest
new file: sitemap.html
new file: styles/backround.css
new file: styles/border.css
new file: styles/fonts/Titillium_Web/OFL.txt
new file: styles/fonts/Titillium_Web/TitilliumWeb-Black.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Bold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-BoldItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLight.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-ExtraLightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Italic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Light.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-LightItalic.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-Regular.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBold.ttf
new file: styles/fonts/Titillium_Web/TitilliumWeb-SemiBoldItalic.ttf
new file: styles/fonts/webfontkit-20221027-163353/generator_config.txt
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-163353/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/stylesheet.css
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-demo.html
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff
new file: styles/fonts/webfontkit-20221027-163353/titilliumweb-extralight-webfont.woff2
new file: styles/fonts/webfontkit-20221027-165950/generator_config.txt
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/grid_12-825-55-15.css
new file: styles/fonts/webfontkit-20221027-165950/specimen_files/specimen_stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/stylesheet.css
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-demo.html
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff
new file: styles/fonts/webfontkit-20221027-165950/titilliumweb-bold-webfont.woff2
new file: styles/style.css
new file: tools/2048/.gitignore
new file: tools/2048/.jshintrc
new file: tools/2048/CONTRIBUTING.md
new file: tools/2048/LICENSE.txt
new file: tools/2048/README.md
new file: tools/2048/Rakefile
new file: tools/2048/favicon.ico
new file: tools/2048/index.html
new file: tools/2048/js/animframe_polyfill.js
new file: tools/2048/js/application.js
new file: tools/2048/js/bind_polyfill.js
new file: tools/2048/js/classlist_polyfill.js
new file: tools/2048/js/game_manager.js
new file: tools/2048/js/grid.js
new file: tools/2048/js/html_actuator.js
new file: tools/2048/js/keyboard_input_manager.js
new file: tools/2048/js/local_storage_manager.js
new file: tools/2048/js/tile.js
new file: tools/2048/meta/apple-touch-icon.png
new file: tools/webretro/cores/neocd_libretro.js
new file: tools/webretro/cores/neocd_libretro.wasm
new file: tools/webretro/cores/nestopia_libretro.js
new file: tools/webretro/cores/nestopia_libretro.wasm
new file: tools/webretro/cores/o2em_libretro.js
new file: tools/webretro/cores/o2em_libretro.wasm
new file: tools/webretro/cores/opera_libretro.js
new file: tools/webretro/cores/opera_libretro.wasm
154 lines
6.4 KiB
HTML
154 lines
6.4 KiB
HTML
<!doctype html>
|
|
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/transformations.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:39:26 GMT -->
|
|
<head>
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Transformations</title>
|
|
|
|
<meta name="description" content="Learn about the Four Transformations: Rotation, Reflection, Translation and Resizing" />
|
|
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta http-equiv="content-type" content="text/html; charset=utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta http-equiv="pics-label" content='(PICS-1.1 "http://www.classify.org/safesurf/" L gen true for "http://www.mathsisfun.com" r (SS~~000 1))'>
|
|
<meta name="referrer" content="always">
|
|
<link rel="stylesheet" type="text/css" href="../style3.css" />
|
|
<script src="../main3.js" type="text/javascript"></script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
<div class="bg">
|
|
<div id="stt"></div>
|
|
<div id="hdr"></div>
|
|
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun" /></a></div>
|
|
<div id="gtran"><script type="text/javascript">document.write(getTrans());</script></div>
|
|
<div id="gplus"><script type="text/javascript">document.write(getGPlus());</script></div>
|
|
<div id="adTopOuter" class="centerfull noprint">
|
|
<div id="adTop">
|
|
<script type="text/javascript">document.write(getAdTop());</script>
|
|
</div>
|
|
</div>
|
|
<div id="adHide">
|
|
<div id="showAds1"><a href="javascript:showAds()">Show Ads</a></div>
|
|
<div id="hideAds1"><a href="javascript:hideAds()">Hide Ads</a><br>
|
|
<a href="../about-ads.html">About Ads</a></div>
|
|
</div>
|
|
<div id="menuWide" class="menu">
|
|
<script type="text/javascript">document.write(getMenu(0));</script>
|
|
</div>
|
|
<div id="linkto">
|
|
<div id="linktort"><script type="text/javascript">document.write(getLinks());</script></div>
|
|
</div>
|
|
<div id="search" role="search"><script type="text/javascript">document.write(getSearch());</script></div>
|
|
<div id="menuSlim" class="menu">
|
|
<script type="text/javascript">document.write(getMenu(1));</script>
|
|
</div>
|
|
<div id="menuTiny" class="menu">
|
|
<script type="text/javascript">document.write(getMenu(2));</script>
|
|
</div>
|
|
<div id="extra"></div>
|
|
</div>
|
|
<div id="content" role="main"><!-- #BeginEditable "Body" -->
|
|
|
|
<h1 align="center">Transformations</h1>
|
|
<h3>These are Transformations:</h3>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<th><a href="rotation.html">Rotation</a></th>
|
|
<td align="center"><a href="rotation.html"><img src="images/rotation-2d.svg" border="0" alt="rotation 2d" /></a></td>
|
|
<th>Turn!</th>
|
|
</tr>
|
|
<tr>
|
|
<th><a href="reflection.html">Reflection</a></th>
|
|
<td align="center"><a href="reflection.html"><img src="images/reflect-graph.svg" border="0" alt="reflection on graph" /></a></td>
|
|
<th>Flip!</th>
|
|
</tr>
|
|
<tr>
|
|
<th><a href="translation.html">Translation</a></th>
|
|
<td align="center"><a href="translation.html"><img src="images/translation.svg" border="0" alt="translation on graph" /></a></td>
|
|
<th>Slide!</th>
|
|
</tr>
|
|
</table>
|
|
<p> </p>
|
|
|
|
<table border="0" width="548" align="center">
|
|
<tr>
|
|
<td width="49"><img src="../images/style/right-arrow.gif" width="46" height="46" alt="right arrow" /></td>
|
|
<td width="489">After any of those transformations (turn, flip or slide), the shape still has<b> the same size</b>,<b> area</b>,<b> angles </b>and<b> line lengths. </b></td>
|
|
</tr>
|
|
</table>
|
|
<h2>Resizing</h2>
|
|
<p>The other important Transformation is <b><a href="resizing.html">Resizing</a></b> (also called<b> </b><i>dilation, contraction, compression, enlargement</i> or even <i>expansion</i>). The shape becomes bigger or smaller:</p>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<th><a href="resizing.html">Resizing</a></th>
|
|
<td><a href="resizing.html"><img src="images/resize.svg" border="0" alt="resize on graph" /></a></td>
|
|
</tr>
|
|
</table>
|
|
<h2>Congruent or Similar</h2>
|
|
<div class="words">
|
|
<p>When one shape can become another using only Turns, Flips and/or Slides, then the two shapes are <a href="congruent.html"><b>Congruent</b></a>.</p>
|
|
</div>
|
|
<div class="words">
|
|
<p>Two shapes are <b><a href="similar.html">Similar</a></b> when we need to <b>Resize</b> for one shape to become another (we may also Turn, Flip and/or Slide).</p>
|
|
</div>
|
|
<p>So, when one shape can become another using transformation, the two shapes might be Congruent or just Similar</p>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<td><b>When one shape becomes another ...</b></td>
|
|
<td> </td>
|
|
<td> </td>
|
|
<td> </td>
|
|
<td><b>The shapes are ...</b></td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right"> ... using only Rotate, Reflect and/or Translate </td>
|
|
<td> </td>
|
|
<td><img src="../images/style/right-arrow.gif" width="46" height="46" alt="right arrow" /></td>
|
|
<td> </td>
|
|
<td>
|
|
<h3 align="center">Congruent</h3>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td align="right">... using a <b>Resize</b> (may also Rotate, Reflect <br />
|
|
and/or Translate)</td>
|
|
<td> </td>
|
|
<td><img src="../images/style/right-arrow.gif" width="46" height="46" alt="right arrow" /></td>
|
|
<td> </td>
|
|
<td>
|
|
<h3 align="center">Similar</h3>
|
|
</td>
|
|
</tr>
|
|
|
|
</table><p> </p>
|
|
<div class="related">
|
|
<a href="rotation.html">Rotation</a>
|
|
<a href="reflection.html">Reflection</a>
|
|
<a href="translation.html">Translation</a>
|
|
<a href="resizing.html">Resizing</a>
|
|
<a href="congruent.html">Congruent</a>
|
|
<a href="similar.html">Similar</a>
|
|
<a href="symmetry.html">Symmetry Index</a>
|
|
<a href="index.html">Geometry Index</a>
|
|
</div>
|
|
<!-- #EndEditable --></div>
|
|
<div id="adend" class="centerfull noprint">
|
|
<script type="text/javascript">document.write(getAdEnd());</script>
|
|
</div>
|
|
<div id="footer" class="centerfull noprint">
|
|
<script type="text/javascript">document.write(getFooter());</script>
|
|
</div>
|
|
<div id="copyrt">
|
|
Copyright © 2018 MathsIsFun.com
|
|
</div>
|
|
|
|
<script type="text/javascript">document.write(getBodyEnd());</script>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/transformations.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:39:27 GMT -->
|
|
</html>
|