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

226 lines
9.4 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. 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/torus.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:32 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Torus</title>
<script language="JavaScript" type="text/javascript">reSpell=[["tire","tyre"]];</script>
<style type="text/css">
.boxa {
text-align: left;
vertical-align:middle;
display: inline-block;
vertical-align:middle;
margin: 0;
padding: 2px;
width:240px;
background-color: hsla(240,100%,60%,0.1);
}
.boxb {
display: inline-block;
vertical-align: top;
margin: 0 10px 10px 10px;
width: 450px;
}
</style>
<!-- #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="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">Torus</h1>
<p class="center"><i>Go to <a href="#Area">Surface Area</a> or <a href="#Volume">Volume</a>.</i></p>
<div class="centerfull">
<div class="boxa">
<div class="head">Torus Facts</div>
<p><b>Notice these interesting things:</b></p>
<p class="center"><img src="images/torus.svg" alt="Torus Radii" height="251" width="333"></p>
<ul>
<li>It can be made by revolving a<br>
small circle (radius <b>r</b>) along a line made<br>
by a bigger circle (radius <b>R</b>).</li>
<li>It has no edges or vertices</li>
<li>It is <b>not</b> a <a href="polyhedron.html">polyhedron</a></li>
</ul>
</div>
<div class="boxb"> <img src="images/torus.jpg" alt="torus in the sky" height="329" width="317"><i><br>
Torus in the Sky</i>.<br>
The Torus is such a beautiful solid,<br>
this one would be fun at the beach ! </div>
</div>
<div class="script" style="height: 460px;">
images/poly-gl.js?mode=torus
</div>
<h2>Surface Area</h2>
<a id="Area"></a>
<p class="center"><img src="images/torus.svg" alt="Torus Radii" height="251" width="333"></p>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><span class="center large">Surface Area&nbsp;</span></td>
<td><span class="center large">= (2<span class="times">π</span>R) × (2<span class="times">π</span>r)</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="center large">= 4 × <span class="times">π</span><sup>2</sup> × R × r</span></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: r = 3 and R = 7</h3>
<div class="tbl">
<div class="row"><span class="left"><span class="center">Surface Area </span></span><span class="right"><span class="center">= 4 × <span class="times">π</span><sup>2</sup> × R × r</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 4 × <span class="times">π</span><sup>2</sup> × 7 × 3</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 4 × <span class="times">π</span><sup>2</sup> × 21</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 84 × <span class="times">π</span><sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">≈ 829</span></div>
</div>
</div>
<p>The formula is often written in this shorter way:</p>
<p class="center large">Surface Area = 4<span class="times">π</span><sup>2</sup>Rr</p>
<a id="Volume"></a>
<h2>Volume</h2>
<table style="border: 0; margin:auto;">
<tbody>
<tr>
<td><span class="center large">Volume&nbsp;<br>
</span></td>
<td><span class="center large">= (2<span class="times">π</span>R) × (<span class="times">π</span></span><span class="center large"><span class="center large">r</span><span class="center large"><span class="times"></span><sup>2</sup></span>)</span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td><span class="center large">= 2 × <span class="times">π</span><sup>2</sup> × R × r</span><span class="center large"><span class="times"></span><sup>2</sup></span></td>
</tr>
</tbody></table>
<div class="example">
<h3>Example: r = 3 and R = 7</h3>
<div class="tbl">
<div class="row"><span class="left"><span class="center">Volume </span></span><span class="right"><span class="center">= 2 × <span class="times">π</span><sup>2</sup> × R × r<sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 2 × <span class="times">π</span><sup>2</sup> × 7 × 3<sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 2 × <span class="times">π</span><sup>2</sup> × 7 × 9</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"><span class="center">= 126 <span class="times">π</span><sup>2</sup></span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">≈ 1244</span></div>
</div>
</div>
<p>The formula is often written in this shorter way:</p>
<p class="center large">Volume = 2<span class="times">π</span><sup>2</sup> Rr<sup>2</sup></p>
<p>&nbsp;</p>
<p class="center"><i>Note: Area and volume formulas only work when the torus has a hole!</i></p>
<h2>Like a Cylinder</h2>
<p><b>Volume</b>: the volume is the same as if we "unfolded" a torus into a cylinder (of length 2<font size="+1"><font face="Times New Roman, Times, serif"><i>π</i></font></font>R):</p>
<p class="center"><img src="images/torus-to-cylinder.svg" alt="Torus to Cylinder" style="max-" height="503" width="835"></p>
<p>As we unfold it, what gets lost from the outer part of the torus is perfectly balanced by what gets gained in the inner part.</p>
<p><br></p>
<p><b>Surface Area</b>: the same is true for the surface area, not including the cylinder's bases.</p>
<p class="center"><img src="images/torus-to-cylinder-area.svg" alt="Torus to Cylinder Area" style="max-" height="250" width="857"></p>
<p>&nbsp;</p>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/torus-cushion.jpg" alt="Torus Cushion Illustration" height="146" width="171"></p>
And did you know that <i>Torus</i> was the
Latin word for a <b>cushion</b>?
<p>(This is not a <i>real</i> roman cushion, just an illustration I made)</p>
<p>The Volume and Area calculations will not work with this cushion because there is no hole.</p>
<div style="clear:both"></div>
<div class="words">
<p>When we have more than one torus they are called <b>tori</b></p> </div>
<h2>More Torus Images</h2>
As the small radius (<b>r</b>) gets larger and larger, the torus goes from looking like a <i><b>Tire</b></i> to a <i><b>Donut:</b></i>
<p class="center"><img src="images/torus-brass.jpg" alt="Torus Tire" height="153" width="146"><img src="images/torus-brass2a.jpg" alt="Torus Donut" height="153" width="169"></p>
<p>&nbsp;</p>
<div class="questions">3391, 3392, 3393, 3394, 3395, 3396, 3397, 3398, 7656, 7657</div>
<div class="related">
<a href="sphere.html">Sphere</a>
<a href="cylinder.html">Cylinder</a>
<a href="cone.html">Cone</a>
<a href="prisms.html">Prisms</a>
<a href="polyhedron.html">Polyhedron</a>
<a href="../platonic_solids.html">Platonic Solids</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/torus.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:33 GMT -->
</html>