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

186 lines
6.5 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/square-pyramid.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:27 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Spinning Square Pyramid</title>
<script src="images/polyhedra.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="../stylejs.css">
<style type="text/css">
.boxa {
text-align: center;
vertical-align:middle;
display: inline-block;
vertical-align:middle;
margin: 0 0 50px 0;
width: 200px;
}
.box { display: inline-block; vertical-align: top; margin: 0 10px 15px 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">Square Pyramid</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" style="text-align:left; padding: 8px; margin:0; width:240px;">
<p style="background-color: #9be; margin: 5px; padding: 5px; font-weight: bold; text-align:center; ">Square Pyramid Facts</p>
<p><b>Notice these interesting things:</b></p>
<ul>
<li>It has 5 Faces</li>
<li>The 4 Side Faces are Triangles</li>
<li>The Base is a Square</li>
<li>It has 5 Vertices (corner points)</li>
<li>It has 8 Edges</li>
</ul>
</div>
<div class="box">
<script>polyhedraMain('square-pyramid');</script>
</div>
</div>
<a id="Area"></a>
<h2>Surface Area</h2>
<p class="center"><img src="images/pyramid-height-perimeter.svg" alt="Pyramid Perimeter and Height" height="186" width="278"></p>
<p>When side faces are the same:</p>
<p class="center"><b>Surface Area</b> = [Base Area] + <span class="intbl">
<em>1</em>
<strong>2</strong>
</span> × Perimeter × [Slant Length]</p>
<div class="example">
<h3>Example: <span class="center">Side faces are the same, slant length is 3, </span> base is square with side length of 5</h3>
<div class="tbl">
<div class="row"><span class="left"><span class="center">Surface Area </span></span><span class="right">= [Base Area] + ½ × Perimeter × [Slant Length]</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= [5 × 5] + ½ × (5+5+5+5) × 3</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 25 + ½ × 20 × 3</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 25 + 30</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 55</span></div>
</div>
</div>
<p>When side faces are different we can calculate the area of the base and each triangular face separately and then add them up.</p>
<a id="Volume"></a>
<h2>Volume</h2>
<p class="center"><b>Volume</b> = <span class="intbl">
<em>1</em>
<strong>3</strong>
</span> × [Base Area] × Height</p>
<div class="example">
<h3>Example: base is square with side length of 5 , height is 6</h3>
<div class="tbl">
<div class="row"><span class="left"><span class="center">Volume</span></span><span class="right">= <span class="intbl">
<em>1</em>
<strong>3</strong>
</span> × [Base Area] × Height</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= <span class="intbl">
<em>1</em>
<strong>3</strong>
</span> × [5 × 5] × 6</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= <span class="intbl">
<em>1</em>
<strong>3</strong>
</span> × 150</span></div>
<div class="row"><span class="left">&nbsp;</span><span class="right">= 50</span></div>
</div>
</div>
<p>Play with it here. Note how the formula stays the same when it "leans over" (<i>oblique</i>):</p>
<iframe src="isquare-pyramid.html" scrolling="no" style="width:362px; height:302px; overflow:hidden; margin:auto; display:block; border: none; text-align:center;"></iframe>
<h2>Other Images</h2>
<p class="center"><img src="images/pyramids.jpg" alt="Great Pyramids of Egypt" style="max-width:100%" height="218" width="491"></p>
<p class="center"><img src="images/pyramid-square.svg" alt="square pyramid" height="200" width="300"></p>
<p>&nbsp;</p>
<div class="questions">1864, 1865, 1866, 1867</div>
<div class="related">
<a href="pyramid-vs-cone.html">Pyramid vs Cone</a>
<a href="pyramids.html">Pyramids</a>
<a href="solid-geometry.html">Solid Geometry</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/square-pyramid.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:28 GMT -->
</html>