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

225 lines
9.2 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/area-moments.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:51 GMT -->
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!-- #BeginEditable "doctitle" -->
<title>Moments of Area</title>
<!-- #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="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">Moments of Area</h1>
<p class="center">First and Second Moment of Area</p>
<h2>Moment in Physics</h2>
<p>In Physics <a href="../physics/moment-torque.html">Moment (or Torque)</a> is <b>force times distance</b>:</p>
<p class="center"><img src="../physics/images/moment-wrench.svg" alt="moment force at right angles on wrench"></p>
<p>But there are other Moments, read on!</p>
<h2>First Moment of Area</h2>
<p>First Moment of Area is <b>area times distance</b> (to some reference line):</p>
<p class="center"><img src="images/moment-area-1.svg" alt="First Moment of Area"><br>
First Moment of Area = A x d</p>
<p>For this simple case we can multiply the whole area by the distance (from its middle to the reference line).</p>
<div class="example">
<h3>Example:</h3>
<p class="center"><img src="images/moment-area-1-ex1.svg" alt="First Moment of Area"></p>
<p>Area is 20 mm x 10 mm = 200 mm<sup>2</sup></p>
<p>First Moment of Area (relative to the bottom line) = 200 mm<sup>2</sup> x 25 mm = 5000 mm<sup>3</sup></p>
<p>(Note the unit is mm<sup>3</sup>, but is not a volume!)</p>
</div>
<p>One of it's great uses is to find the <a href="centroid.html">centroid</a> , which is the average position of all the points of an object:</p>
<p class="center"><img src="images/centroid.svg" alt="Centroid"><br>
A plane shape cut from a piece of card will balance perfectly on its centroid.</p>
<p>To find the distance to the centroid from any axis, we divide the First Moment of Area by the Total Area:</p>
<div class="center larger">Distance to Centroid = <span class="intbl"><em>First Moment of Area</em><strong>Total Area</strong></span></div>
<p>When we do that for both the x-axis and y-axis we get the centroid.</p>
<p>We can <b>estimate</b> where the centroid is using squares:</p>
<script src="images/area-estim.js"></script>
<script>areaestimMain('mom1');</script>
<h2>Second Moment of Area</h2>
<p>For the <b>Second Moment of Area</b> we multiply the area by the distance <b>squared</b>:</p>
<p class="center"><img src="images/moment-area-2.svg" alt="Second Moment of Area"><br>
(need infinitely many tiny squares)</p>
<p>But be careful! We need to multiply every tiny bit of area by its distance squared, because area further away has a bigger effect (due to the distance being squared).</p>
<p>It is called "Second" moment because we square the distance "x<sup>2</sup>"</p>
<p>It is also called the <b>area moment of inertia</b>.</p>
<p>We can <b>estimate</b> the second moment using squares, but it is very inaccurate:</p>
<iframe src="iarea-estim-2.html" scrolling="no" style="width:544px; height:464px; overflow:hidden; margin:auto; display:block; border: none;"></iframe>
<p>We can use the x-axis or y-axis as the reference line, or we can use the <b>centroid for the reference line</b>. You can try that option above.</p>
<div class="def">
<p><b>Notation</b>: The symbol is an "I" followed by a little "x" or "y" for the reference axis.</p>
<p class="center"><span class="larger">I<sub>x</sub></span> is in relation to the <b>x</b> axis (and we use <b>y</b> distances times area)<br><span class="larger">I<sub>y</sub></span> is in relation to the <b>y</b> axis (and we use <b>x</b> distances times area)</p>
<p>The letter <b>I</b> refers to <b>Inertia</b> in "area moment of inertia".</p></div>
<p>Where possible use an accurate formula such as:</p>
<div class="tbl">
<div class="row">
<div class="lt"><img src="images/moment-area-2-rect.svg" alt="Second Moment of Area Rectangle"></div>
<div class="rt" style="vertical-align:middle;">
I<sub>x</sub> = <span class="intbl"><em>bh<sup>3</sup></em><strong>3</strong></span>
<!-- I_x = bh^3/3 -->
<br>
I<sub>y</sub> = <span class="intbl"><em>b<sup>3</sup>h</em><strong>3</strong></span>
<!-- I_y = b^3h/3 -->
</div>
</div>
<div class="row">
<div class="lt"><img src="images/moment-area-2-rect2.svg" alt="Second Moment of Area Rectangle at Centroid"></div>
<div class="rt" style="vertical-align:middle;">
I<sub>x</sub> = <span class="intbl"><em>bh<sup>3</sup></em><strong>12</strong></span>
<!-- I_x = bh^3/12 -->
<br>
I<sub>y</sub> = <span class="intbl"><em>b<sup>3</sup>h</em><strong>12</strong></span>
<!-- I_y = b^3h/12 -->
</div>
</div>
<div class="row">
<div class="lt"><img src="images/moment-area-2-tri.svg" alt="Second Moment of Area Triangle"></div>
<div class="rt" style="vertical-align:middle;">
I<sub>x</sub> = <span class="intbl"><em>bh<sup>3</sup></em><strong>12</strong></span>
<br>
I<sub>y</sub> = <span class="intbl"><em>b<sup>3</sup>h+b<sup>2</sup>ha+bha<sup>2</sup></em><strong>12</strong></span>
</div>
</div>
<div class="row">
<div class="lt"><img src="images/moment-area-2-circ.svg" alt="Second Moment of Area Circle"></div>
<div class="rt" style="vertical-align:middle;">
I<sub>x</sub> = <span class="intbl"><em><span class="times">π</span>r<sup>4</sup></em><strong>4</strong></span>
<br>
I<sub>y</sub> = <span class="intbl"><em><span class="times">π</span>r<sup>4</sup></em><strong>4</strong></span>
</div>
</div>
<div class="row">
<div class="lt">Many more!</div>
<div class="rt" style="vertical-align:middle;">
</div>
</div>
</div>
<p>
Engineers use the second moment of area to work out how rigid (hard to bend) a beam is. </p>
<div class="example">
<h3>
Example: A beam that is 100 mm by 24 mm</h3>
<p>
&nbsp;
Lying flat it looks like this:</p>
<p class="center"><img src="images/moment-area-2-ex1.svg" alt="Second Moment of Area Beam"></p>
<p class="center">I<sub>x</sub> = <span class="intbl"><em>bh<sup>3</sup></em><strong>12</strong></span>
= <span class="intbl"><em>100 × 24<sup>3</sup></em><strong>12</strong></span>
= <b>115,200</b> mm<sup>4</sup></p>
<p>But sitting upright it is:</p>
<p class="center"><img src="images/moment-area-2-ex2.svg" alt="Second Moment of Area Beam"></p>
<p class="center">I<sub>x</sub> = <span class="intbl"><em>bh<sup>3</sup></em><strong>12</strong></span>
= <span class="intbl"><em>24 × 100<sup>3</sup></em><strong>12</strong></span>
= <b>2,000,000</b> mm<sup>4</sup></p>
<p>It is nearly 20 times as rigid sitting upright!</p>
<p>And that is why beams sit up like this:</p>
<p class="center"><img src="images/structure.jpg" alt="structure"></p>
<p>Try bending a ruler about each axis to experience it for yourself:</p>
<p class="center"><img src="images/ruler.jpg" alt="ruler"></p>
</div>
<h2>Engineers Love I-Beams</h2>
<p>Here we have two equal-sized beams, but one is solid, the other shaped like an "I"</p>
<p class="center"><img src="images/moment-area-beam.svg" alt="Second Moment of Area Beam"></p>
<p>The solid beam is a bit stiffer against bending (I<sub>x</sub> = 333 vs 205) but <b>very much heavier</b> (40kg vs 16kg).</p>
<p>In practice we could have a slightly bigger I-Beam and still save a lot of money in steel, transport and handling.</p>
<p class="center"><img src="images/i-beams.jpg" alt="i-beams"></p>
<p><br></p>
<div class="related">
<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 © 2021 MathsIsFun.com</div>
</div>
</body><!-- #EndTemplate -->
<!-- Mirrored from www.mathsisfun.com/geometry/area-moments.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 29 Oct 2022 00:44:55 GMT -->
</html>