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
186 lines
6.5 KiB
HTML
186 lines
6.5 KiB
HTML
<!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"> </span><span class="right">= [5 × 5] + ½ × (5+5+5+5) × 3</span></div>
|
||
<div class="row"><span class="left"> </span><span class="right">= 25 + ½ × 20 × 3</span></div>
|
||
<div class="row"><span class="left"> </span><span class="right">= 25 + 30</span></div>
|
||
<div class="row"><span class="left"> </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"> </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"> </span><span class="right">= <span class="intbl">
|
||
<em>1</em>
|
||
<strong>3</strong>
|
||
</span> × 150</span></div>
|
||
<div class="row"><span class="left"> </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> </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> |