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
117 lines
3.9 KiB
HTML
117 lines
3.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<!-- #BeginTemplate "/Templates/Main.dwt" --><!-- DW6 -->
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/rotation.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:43:37 GMT -->
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<!-- #BeginEditable "doctitle" -->
|
|
<title>Geometry Rotation</title>
|
|
|
|
<script language="JavaScript" type="text/javascript">reSpell=[["center","centre"]];</script>
|
|
<!-- #EndEditable -->
|
|
<meta name="keywords" content="math, maths, mathematics, school, homework, education">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
|
|
<meta name="HandheldFriendly" content="true">
|
|
<meta name="referrer" content="always">
|
|
<link rel="preload" href="../images/style/font-champ-bold.ttf" as="font" type="font/ttf" crossorigin>
|
|
<link rel="preload" href="../style4.css" as="style">
|
|
<link rel="preload" href="../main4.js" as="script">
|
|
<link rel="stylesheet" href="../style4.css">
|
|
<script src="../main4.js" defer></script>
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-29771508-1"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
gtag('config', 'UA-29771508-1');
|
|
</script>
|
|
</head>
|
|
|
|
<body id="bodybg">
|
|
|
|
<div id="stt"></div>
|
|
<div id="adTop"></div>
|
|
<header>
|
|
<div id="hdr"></div>
|
|
<div id="tran"></div>
|
|
<div id="adHide"></div>
|
|
<div id="cookOK"></div>
|
|
</header>
|
|
|
|
<div class="mid">
|
|
|
|
<nav>
|
|
<div id="menuWide" class="menu"></div>
|
|
<div id="logo"><a href="../index.html"><img src="../images/style/logo.svg" alt="Math is Fun"></a></div>
|
|
|
|
<div id="search" role="search"></div>
|
|
<div id="linkto"></div>
|
|
|
|
<div id="menuSlim" class="menu"></div>
|
|
<div id="menuTiny" class="menu"></div>
|
|
</nav>
|
|
|
|
<div id="extra"></div>
|
|
|
|
<article id="content" role="main">
|
|
|
|
<!-- #BeginEditable "Body" -->
|
|
|
|
|
|
<h1 class="center">Rotation</h1>
|
|
|
|
<p class="center"><img src="images/rotation-fairground.jpg" alt="rotation at a fairground" height="195" width="360" ></p>
|
|
|
|
|
|
<h2>"Rotation" means turning around a center:</h2>
|
|
|
|
<p>The <b style="color: orange;">distance</b> from the center to any point on the shape stays the same.</p>
|
|
<p>Every point makes a <b>circle</b> around the center:</p>
|
|
<iframe src="irotate-example.html" scrolling="no" style="width:302px; height:302px; overflow:hidden; margin:auto; display:block; border:none;"></iframe>
|
|
<p> </p>
|
|
|
|
<table style="border: 0; margin:auto;">
|
|
<tbody>
|
|
<tr>
|
|
<td><img src="images/rotation2d.gif" alt="rotation 2d" height="173" width="133" ></td>
|
|
<td> </td>
|
|
<td>Here a triangle is rotated around<br>
|
|
the point marked with a "+"</td>
|
|
</tr>
|
|
</tbody></table>
|
|
|
|
<h3>Try It Yourself</h3>
|
|
<p>Here you can <b>drag the pin</b> and try different shapes:</p>
|
|
<div class="script" style="height: 300px;">
|
|
images/rotate-drag.js
|
|
</div>
|
|
<p>And here you can <b>choose an angle</b> and see how to rotate different shapes <b>point-by-point</b>. Try and follow what happens each time:</p>
|
|
<div class="script" style="height: 500px;">
|
|
images/rotate.js
|
|
</div>
|
|
<p> </p>
|
|
<div class="questions">6712, 6713, 6714, 6715, 839, 840, 2133, 2134, 3340, 3341</div>
|
|
|
|
<div class="related">
|
|
<a href="transformations.html">Transformations</a>
|
|
<a href="reflection.html">Reflection</a>
|
|
<a href="translation.html">Translation</a>
|
|
<a href="symmetry-rotational.html">Rotational Symmetry</a>
|
|
<a href="index.html">Geometry Index</a>
|
|
</div>
|
|
<!-- #EndEditable -->
|
|
|
|
</article>
|
|
|
|
<div id="adend" class="centerfull noprint"></div>
|
|
<footer id="footer" class="centerfull noprint"></footer>
|
|
<div id="copyrt">Copyright © 2022 Rod Pierce</div>
|
|
|
|
</div>
|
|
</body>
|
|
<!-- #EndTemplate -->
|
|
|
|
<!-- Mirrored from www.mathsisfun.com/geometry/rotation.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:43:37 GMT -->
|
|
</html>
|