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
162 lines
7.4 KiB
HTML
162 lines
7.4 KiB
HTML
<!doctype html>
|
|
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/symmetry.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:39 GMT -->
|
|
<head>
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Symmetry - Reflection and Rotation</title>
|
|
<script language="JavaScript" type="text/javascript">reSpell=[["center","centre"]];</script>
|
|
|
|
<meta name="description" content="Learn about the different types of symmetry: Reflection Symmetry (sometimes called Line Symmetry or Mirror Symmetry), Rotational Symmetry and Point Symmetry. " />
|
|
|
|
|
|
<!-- #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">Symmetry</h1>
|
|
<div align="center"><i>[syn- <b>together</b> + metron <b>measure</b>]
|
|
</i> </div>
|
|
<h2>Reflection Symmetry</h2>
|
|
<p>The simplest symmetry is <a href="symmetry-reflection.html">Reflection Symmetry</a> (sometimes called <i>Line Symmetry</i> or<b> </b><i>Mirror Symmetry</i>). It is easy to see, because one half is the reflection of the other half.</p>
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<td><img src="images/flame-mirror.jpg" width="156" height="214" alt="dog mirror" /></td>
|
|
<td valign="top"> </td>
|
|
<td valign="top">
|
|
<p align="center"> </p>
|
|
<p align="center">Here my dog "Flame" has her face <br>
|
|
made perfectly symmetrical with a bit<br>
|
|
of photo magic.</p>
|
|
<p align="center">The white line down the center is the<br>
|
|
<b>Line of Symmetry</b></p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/reflection-parinacota.jpg" width="299" height="205" alt="reflection parinacota" /></p>
|
|
<p>The reflection in this lake also has symmetry, but in this case:</p>
|
|
<ul>
|
|
<li>the <b>Line of Symmetry</b> runs left-to-right</li>
|
|
<li>it is not perfect symmetry, as the image is changed a little by the lake surface.</li>
|
|
</ul><div style="clear:both"></div>
|
|
<p>The Line of Symmetry can be in any direction (not just up-down or left-right). To learn more, go to <a href="symmetry-reflection.html">Reflection Symmetry</a>.</p>
|
|
<h2>Rotational Symmetry</h2>
|
|
<p>With <a href="symmetry-rotational.html">Rotational Symmetry</a>, the image is rotated (around a central point) so that it appears 2 or more times. How many times it appears is called the <b>Order</b>. </p>
|
|
<p>Here are some examples (they were made using <a href="symmetry-artist.html">Symmetry Artist</a>, and you can try it yourself!)</p>
|
|
<div class="simple">
|
|
<table border="0" align="center">
|
|
<tr>
|
|
<th> Order</th>
|
|
<th>Example Shape</th>
|
|
<th>Artwork </th>
|
|
</tr>
|
|
<tr>
|
|
<td><img src="images/symmetry-order-2.jpg" width="151" height="151" alt="symmetry order 2" /></td>
|
|
<td><img src="images/symmetry-shape-r2.gif" width="151" height="151" alt="symmetry shape order 2" /></td>
|
|
<td><img src="images/symmetry-art-r2.gif" width="151" height="151" alt="symmetry art order 2" /></td>
|
|
</tr>
|
|
<tr>
|
|
<td><img src="images/symmetry-order-3.jpg" width="151" height="151" alt="symmetry order 3" /></td>
|
|
<td><img src="images/symmetry-shape-r3.gif" width="151" height="151" alt="symmetry shape order 3" /></td>
|
|
<td><img src="images/symmetry-art-r3.gif" width="151" height="151" alt="symmetry art order 3" /></td>
|
|
</tr>
|
|
<tr align="center">
|
|
<td colspan="3"> <b>... and there is Order 4, 5, etc ...</b></td>
|
|
</tr>
|
|
|
|
</table>
|
|
</div>
|
|
<h2>Point Symmetry</h2>
|
|
|
|
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/origin-symmetry.svg" alt="origin symmetry" /><br />
|
|
</p>
|
|
<p><a href="symmetry-point.html">Point Symmetry</a> is when every part has a matching part:</p>
|
|
<ul>
|
|
<li>the <b>same distance</b> from the central point</li>
|
|
<li>but in the<b> opposite direction.</b></li>
|
|
</ul>
|
|
<p><i>It is also the same as "Rotational Symmetry of Order 2"</i> above</p>
|
|
|
|
<div style="clear:both"></div>
|
|
<p> </p>
|
|
|
|
<div class="questions">
|
|
|
|
<script type="text/javascript">getQ(1786, 3356, 3358, 850, 2137, 2138, 3362, 2123, 2124, 5035);</script>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="related">
|
|
<a href="symmetry-artist.html">Symmetry Artist</a>
|
|
<a href="symmetry-reflection.html">Reflection Symmetry</a>
|
|
<a href="symmetry-rotational.html">Rotational Symmetry</a>
|
|
<a href="symmetry-point.html">Point Symmetry</a>
|
|
<a href="transformations.html">Transformations</a>
|
|
<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="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/symmetry.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:38:41 GMT -->
|
|
</html>
|