Lucas Kent e39465ad2f Changes to be committed:
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
2022-11-02 08:40:01 -04:00

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">&nbsp;</td>
<td valign="top">
<p align="center">&nbsp;</p>
<p align="center">Here my dog &quot;Flame&quot; 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 &quot;Rotational Symmetry of Order 2&quot;</i> above</p>
<div style="clear:both"></div>
<p>&nbsp;</p>
<div class="questions">
<script type="text/javascript">getQ(1786, 3356, 3358, 850, 2137, 2138, 3362, 2123, 2124, 5035);</script>&nbsp;
</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 &copy; 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>