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

232 lines
9.0 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/sphere.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:49 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Sphere</title>
<script language="JavaScript" type="text/javascript">reSpell=[["center","centre"]];</script>
<style>
.box { display: inline-block; vertical-align: top; margin: 10px;}
</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">Sphere</h1>
<p class="center"><i>Go to <a href="#Area">Surface Area</a> or <a href="#Volume">Volume</a>.</i></p>
<div class="flexx">
<div class="col def" style=" text-align:left; margin:0; width:240px;">
<h3>Sphere Facts</h3>
<p><b>Notice these interesting things:</b></p>
<p class="center"><img src="images/sphere-radius.svg" alt="Sphere Radius" height="180" width="180"></p>
<ul>
<li>It is perfectly symmetrical</li>
<li>All points on the surface
are the<br>
same distance
<b>"r"</b> from the center</li>
<li>It has <b>no</b> edges or<br>
vertices (corners)</li>
<li>It has one <b>surface</b><br>
(not a "face" as it isn't flat)</li>
<li>It is <b>not</b> a <a href="polyhedron.html">polyhedron</a></li>
</ul>
</div>
<div class="col">
<img src="images/sphere-glass.jpg" alt="Glass Sphere" height="299" width="304"><br>
<i>Glass Sphere</i>.<br>
Balls and marbles are shaped like spheres.
</div>
</div>
<p>
You can spin or drag this sphere:
</p>
<div class="script" style="height: 460px;">
images/poly-gl.js?mode=sphere
</div>
<div style="float:right; margin: 0 0 5px 10px; width:260px;">
<div class="script" style="height: 250px;">
images/balloon.js
</div>
</div>
<h2>Largest Volume for Smallest Surface</h2>
<p>Of all the shapes, a sphere has the smallest surface area for a volume. Or put another way it can contain the greatest volume for a fixed surface area.</p>
<p>Example: if you blow up a balloon it naturally forms a sphere because it is trying to hold as much air as possible with as small a surface as possible. Press the Play button to see.</p>
<p>&nbsp;</p>
<div style="clear:both"></div>
<p style="float:right; margin: 0 0 5px 10px;"><img src="images/bubble.jpg" alt="bubble" height="193" width="200"></p>
<h2>In Nature</h2>
<p>The sphere appears in nature when a surface wants to be as small as possible. Examples include bubbles and water drops. Can you think of more?</p>
<p><br></p>
<h2>Volume and Surface Area</h2>
<a id="Area"></a>
<p class="center"><img src="images/sphere-radius.svg" alt="Sphere Radius" height="180" width="180"></p>
<p class="center larger">Surface Area = 4 × <span class="times">π</span> × r<sup>2</sup></p>
<div class="example">
<h3>Example: r = 5</h3>
<div class="tbl">
<div class="row"><span class="left"><span class="center">Surface Area </span></span><span class="right">= 4 × <span class="times">π</span> × r<sup>2</sup></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 4 × <span class="times">π</span> × 5<sup>2</sup></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 4 × <span class="times">π</span> × 25</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 100 <span class="times">π</span></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">≈ 314</span></div>
</div>
</div>
<a id="Volume"></a><p>&nbsp;</p>
<p class="center larger">Volume = (4/3) × <span class="times">π</span> × r<sup>3</sup></p>
<div class="example">
<h3>Example: r = 5</h3>
<div class="tbl">
<div class="row"><span class="left">Volume</span><span class="right"> = (4/3) × <span class="times">π</span> × r<sup>3</sup></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right"> = (4/3) × <span class="times">π</span> × 5<sup>3</sup></span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= (4/3) × <span class="times">π</span> × 125</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">≈ 524</span></div>
</div>
</div>
<p>Try dragging point "A":</p>
<iframe src="isphere.html" scrolling="no" style="display:block; width:362px; height:302px; background-color:white; overflow:hidden; margin:auto; border: none;"></iframe>
<p>Also see <a href="sphere-volume-area.html">Volume and Area of a Sphere Calculator</a></p>
<p>&nbsp;</p>
<h2><span itemprop="name">Spheroid</span></h2>
<table width="100%" border="0">
<tbody>
<tr>
<td align="right" width="40%">
<h3>The Earth</h3>
<p>The Planet Earth, our home, is <i>nearly</i> a sphere, except that it is squashed a little at the poles.</p></td>
<td><img src="images/planet-earth.jpg" alt="Earth is a Spheroid" height="162" width="162"></td>
<td align="left" width="40%"><br>
So it is technically a <a href="spheroid.html">spheroid</a>, but a very mild version of one.</td>
</tr>
<tr>
<td colspan="3" align="center">
<p>Here is a more extreme spheroid:</p>
<p class="center"><img src="images/spheroid.svg" alt="Spheroid" height="175" width="306"></p></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<p style="float:left; margin: 0 10px 5px 0;"><img src="images/hemisphere.jpg" alt="sphere crystal" height="287" width="221"></p>
<h2>Hemisphere</h2>
<p>A <b>hemisphere</b> is an exact half of a sphere.</p>
<div style="clear:both"></div>
<h2>Other Cool Spheres</h2>
<p class="center"><img src="images/sphere-crystal.jpg" alt="sphere crystal" height="250" width="301"></p>
<p class="center"><img src="images/marble.jpg" alt="marble" height="192" width="190"></p>
<table align="center" cellspacing="5" border="0">
<tbody>
<tr>
<td><img src="images/sphere-jade.jpg" alt="Jade Sphere" height="178" width="173"></td>
<td><img src="images/sphere-check.jpg" alt="Light Sphere" height="178" width="171"></td>
</tr>
<tr>
<td><img src="images/sphere-dark.jpg" alt="Dark Sphere" height="178" width="166"></td>
<td><img src="images/sphere-brass.jpg" alt="Brass Sphere" height="178" width="171"></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
<div class="questions">865,866,867,868, 1831, 1832, 3383, 3384, 3385, 3386</div>
<div class="related">
<a href="sphere-volume-area.html">Volume and Area of a Sphere Calculator</a>
<a href="torus.html">Torus</a>
<a href="cylinder.html">Cylinder</a>
<a href="cone.html">Cone</a>
<a href="cone-sphere-cylinder.html">Cone vs Sphere vs Cylinder</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/sphere.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:37:52 GMT -->
</html>