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

216 lines
9.5 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!doctype html>
<html lang="en"><!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
<!-- Mirrored from www.mathsisfun.com/geometry/symmetry-rotational.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:39:22 GMT -->
<head>
<!-- #BeginEditable "doctitle" -->
<title>Rotational Symmetry</title>
<meta name="description" content="A shape has Rotational Symmetry when it still looks the same after some rotation." />
<!-- #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">Rotational Symmetry</h1>
<h2>Rotational Symmetry</h2>
<p>A shape has Rotational Symmetry when it still looks the same after some rotation (of less than one full turn).<br>
</p>
<div style="background-color: #e2e2ff; border: 1px solid #aa44aa; border-radius: 10px; margin: auto; padding:5px; text-align:center;">
<div style="display:inline-block;">
<iframe src="isym-rot2.html" scrolling="no" style="width:222px; height:222px; overflow:hidden; margin:auto; border: none;"></iframe><br>
<span class="large">Rotational Symmetry<br>
Order 2</span> </div>
<div style="display:inline-block;">
<iframe src="isym-rot3.html" scrolling="no" style="width:222px; height:222px; overflow:hidden; margin:auto; border: none;"></iframe><br>
<span class="large">Rotational Symmetry<br>
Order 3</span> </div>
</div>
<!-- <div style="float:left; margin: 0 10px 5px 0;">
<table border="0">
<tr>
<td>
<script type="text/javascript">putFlash6(173,156,'images/symmetry-rotate2.swf','','#FFFFFF');</script>
<noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="173" height="156" id="images/symmetry-rotate2.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="images/symmetry-rotate2.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
</object>
</noscript>
</td>
<td>
<script type="text/javascript">putFlash6(173,156,'images/symmetry-rotate3.swf','','#FFFFFF');</script>
<noscript><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="173" height="156" id="images/symmetry-rotate3.swf" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="images/symmetry-rotate3.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#FFFFFF" />
</object>
</noscript>
</td>
</tr>
</table>
</div>
-->
<p class="center"> How <b>many times it matches</b> as we go once around is called the <b class="large">Order</b>. </p>
<p>Think of propeller blades (like below), it makes it easier.</p>
<div style="clear:both"></div>
<h2>Examples of Different Rotational Symmetry Order</h2>
<div class="simple"> <table border="0" align="center">
<tr>
<th> Order</th>
<th>Example Shape</th>
<th>Artwork </th>
</tr>
<tr>
<td>
<div align="center"></div>
</td>
<td>
<div align="center"></div>
</td>
<td class="tiny">
<div align="center">(using <a href="symmetry-artist.html">Symmetry Artist</a>)</div>
</td>
</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>
<td><img src="images/symmetry-order-4.jpg" width="151" height="151" alt="symmetry order 4" /></td>
<td><img src="images/symmetry-shape-r4.gif" width="151" height="151" alt="symmetry shape order 4" /></td>
<td><img src="images/symmetry-art-r4.gif" width="151" height="151" alt="symmetry art order 4" /></td>
</tr>
<tr>
<td colspan="3" align="center">... and there is also Order 5, 6, 7, and ...</td>
</tr>
<tr>
<td><img src="images/symmetry-order-8.jpg" width="151" height="151" alt="symmetry order 8" /></td>
<td><img src="images/symmetry-shape-r8.gif" width="151" height="151" alt="symmetry shape order 8" /></td>
<td><img src="images/symmetry-art-r8.gif" width="151" height="151" alt="symmetry art order 8" /></td>
</tr>
<tr align="center">
<td colspan="3"> ... and then there is Order 9, 10, and so on ...</td>
</tr>
</table></div><p>&nbsp;</p>
<p class="center larger">Try rotational symmetry yourself with <a href="symmetry-artist.html">Symmetry Artist</a> ... !</p>
<p>&nbsp;</p>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/symmetry-order-1-no.jpg" width="151" height="153" alt="symmetry order 1 no" /></p>
<h2>Is there Rotational Symmetry of Order 1 ?</h2>
<p><b>Not really!</b> If a shape only matches itself <b>once</b> as we go around (ie it matches itself after one full rotation) there is really no symmetry at all ...</p>
<p>... because the word &quot;Symmetry&quot; comes from <i> syn- <b>together</b></i> and<i> metron <b>measure</b>, </i>and there can't be &quot;together&quot; if there is just one thing.</p>
<p>&nbsp;</p>
<h2>Real World Examples</h2>
<table border="0" align="center">
<tr align="center">
<td width="180"><img src="images/dart-board.jpg" width="180" height="181" alt="dart board" /></td>
<td width="180" align="center"><img src="images/bronze-star.jpg" width="114" height="180" alt="bronze star" /></td>
<td width="180"><img src="images/london-eye.jpg" width="180" height="180" alt="london eye" /></td>
</tr>
<tr align="center">
<td width="180">A Dartboard has Rotational Symmetry of Order 10</td>
<td width="180" align="center">The US Bronze Star Medal has Order 5</td>
<td width="180">The London Eye has Order ... oops, I lost count!</td>
</tr>
</table>
<p>&nbsp;</p>
<div class="questions">
<script type="text/javascript">getQ(849, 850, 2137, 2138, 3360, 3361, 3362, 3363, 5033, 5034);</script>&nbsp;
</div>
<div class="activity"><a href="../activity/mandala.html">Activity: Make a Mandala </a></div>
<div class="related">
<a href="symmetry.html">Symmetry</a>
<a href="symmetry-artist.html">Symmetry Artist</a>
<a href="symmetry-reflection.html">Reflection Symmetry</a>
<a href="symmetry-point.html">Point Symmetry</a>
<a href="transformations.html">Transformations</a>
<a href="rotation.html">Rotation</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-rotational.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:39:24 GMT -->
</html>