Circle Area Dissection and Unrolling Animation
2014-02-19 12:39
This GeoGebra applet dynamically demonstrates the dissection and unrolling of a circle's area. Users can adjust the number of segments and the unrolling parameter to observe the geometric transformation of a circle divided into multiple sectors. Utilizing sequences, trigonometry, and parametric equations, it visually illustrates the limit concept in calculus for deriving the circle area formula.
In collections
微積分
Loading the GeoGebra board and drawing, please wait…
<?xml version="1.0" encoding="utf-8"?>
<geogebra format="4.4" version="4.4.14.0" id="f3733d36-809f-478c-a541-93a972538c57" xsi:noNamespaceSchemaLocation="http://www.geogebra.org/ggb.xsd" xmlns="" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" >
<gui>
<window width="813" height="608" />
<perspectives>
<perspective id="tmp">
<panes>
<pane location="" divider="0.46863468634686345" orientation="1" />
</panes>
<views>
<view id="4097" visible="false" inframe="true" stylebar="true" location="1,1,1" size="400" window="740,188,700,712" />
<view id="4" toolbar="0 59 || 2020 , 2021 , 2022 , 66 || 2001 , 2003 , 2002 , 2004 , 2005 || 2040 , 2041 , 2042 , 2044 , 2043" visible="false" inframe="false" stylebar="false" location="1,1" size="300" window="100,100,600,400" />
<view id="8" toolbar="1001 | 1002 | 1003 || 1005 | 1004 || 1006 | 1007 | 1010 | 1011 || 1008 1009 || 6" visible="false" inframe="false" stylebar="false" location="1,3" size="300" window="100,100,600,400" />
<view id="1" visible="true" inframe="false" stylebar="true" location="1" size="802" window="100,100,600,400" />
<view id="2" visible="false" inframe="false" stylebar="true" location="3" size="381" window="746,107,550,793" />
<view id="16" visible="false" inframe="false" stylebar="false" location="1" size="150" window="50,50,500,500" />
<view id="32" visible="false" inframe="false" stylebar="true" location="1" size="594" window="935,83,500,800" />
<view id="64" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
<view id="70" toolbar="0 || 2020 || 2021 || 2022" visible="false" inframe="true" stylebar="true" location="1" size="150" window="50,50,500,500" />
</views>
<toolbar show="true" items="0 39 59 | 1 501 67 , 5 19 , 72 | 2 15 45 , 18 65 , 7 37 | 4 3 8 9 , 13 44 , 58 , 47 | 16 51 64 , 70 | 10 34 53 11 , 24 20 22 , 21 23 | 55 56 57 , 12 | 36 46 , 38 49 50 , 71 | 30 29 54 32 31 33 | 17 26 62 73 , 14 66 68 | 25 52 60 61 | 40 41 42 , 27 28 35 , 6" position="1" help="false" />
<input show="true" cmd="true" top="false" />
<dockBar show="true" east="true" />
</perspective>
</perspectives>
<labelingStyle val="0"/>
<font size="12"/>
<graphicsSettings javaLatexFonts="false"/>
<consProtColumns col0="true" col1="true" col2="false" col3="true" col4="false" col5="true" col6="false" col7="false"/>
<consProtocol useColors="true" addIcons="false" showOnlyBreakpoints="false"/>
</gui>
<euclidianView>
<size width="802" height="471"/>
<coordSystem xZero="258.50886310283727" yZero="360.67779783630795" scale="35.85946537771607" yscale="35.859465377715935"/>
<evSettings axes="false" grid="true" gridIsBold="false" pointCapturing="3" rightAngleStyle="1" checkboxSize="26" gridType="0"/>
<bgColor r="255" g="255" b="255"/>
<axesColor r="0" g="0" b="0"/>
<gridColor r="192" g="192" b="192"/>
<lineStyle axes="1" grid="20"/>
<axis id="0" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
<axis id="1" show="false" label="" unitLabel="" tickStyle="1" showNumbers="true"/>
</euclidianView>
<kernel>
<continuous val="false"/>
<usePathAndRegionParameters val="true"/>
<decimals val="2"/>
<angleUnit val="degree"/>
<algebraStyle val="2"/>
<coordStyle val="0"/>
<angleFromInvTrig val="false"/>
<startAnimation val="true"/>
</kernel>
<scripting blocked="false" disabled="false"/>
<construction title="" author="" date="">
<element type="numeric" label="t">
<value val="2.25"/>
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelMode val="1"/>
<slider min="0" max="3" absoluteScreenLocation="true" width="200.0" x="28.0" y="37.0" fixed="false" horizontal="true"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="0.05" speed="2" type="0" playing="true"/>
<javascript onUpdate=" "/>
</element>
<element type="numeric" label="r">
<value val="2.0"/>
<show object="true" label="true"/>
<objColor r="255" g="0" b="0" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="-37" y="0"/>
<labelMode val="3"/>
<slider min="0.5" max="3" absoluteScreenLocation="true" width="100.0" x="28.0" y="181.0" fixed="false" horizontal="true"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="0.1" speed="1" type="0" playing="false"/>
<caption val="$半徑\, =%v$"/>
</element>
<element type="numeric" label="m">
<value val="6.0"/>
<show object="true" label="true"/>
<objColor r="128" g="0" b="128" alpha="0.1"/>
<layer val="0"/>
<labelOffset x="-43" y="0"/>
<labelMode val="3"/>
<slider min="2" max="20" absoluteScreenLocation="true" width="150.0" x="28.0" y="109.0" fixed="false" horizontal="true"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<animation step="1" speed="1" type="0" playing="false"/>
<caption val="$切成 \,\, 2\times %v \,\, 塊$"/>
</element>
<expression label="n" exp="(2 * m)" />
<element type="numeric" label="n">
<value val="12.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="θ" exp="π / n" />
<element type="numeric" label="θ">
<value val="0.2617993877991494"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="s" exp="((2 * r) * sin(θ))" />
<element type="numeric" label="s">
<value val="1.035276180410083"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<command name="Max">
<input a0="0" a1="Min[1, 1 - t]"/>
<output a0="t1"/>
</command>
<element type="numeric" label="t1">
<value val="0.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="z" exp="cos(((2 * t1) * θ)) + (ί * sin(((2 * t1) * θ)))" type="point" />
<element type="point" label="z">
<show object="false" label="false"/>
<objColor r="125" g="125" b="255" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="-9" y="-7"/>
<labelMode val="0"/>
<coords x="1.0" y="0.0" z="1.0"/>
<coordStyle style="complex"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Sequence">
<input a0="(s * z^(k))" a1="k" a2="1" a3="n"/>
<output a0="zk"/>
</command>
<element type="list" label="zk">
<show object="false" label="true"/>
<objColor r="0" g="100" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<element type="point" label="z0">
<show object="false" label="false"/>
<objColor r="0" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<animation step="0.1" speed="1" type="1" playing="false"/>
<coords x="0.0" y="0.0" z="1.0"/>
<coordStyle style="complex"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Join">
<input a0="{{z0}, zk}"/>
<output a0="zk0"/>
</command>
<element type="list" label="zk0">
<show object="false" label="true"/>
<objColor r="255" g="0" b="255" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Sequence">
<input a0="Sum[zk0, k]" a1="k" a2="1" a3="n + 1"/>
<output a0="sigma"/>
</command>
<element type="list" label="sigma">
<show object="false" label="true"/>
<objColor r="255" g="255" b="0" alpha="0.0"/>
<layer val="1"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="2"/>
<pointStyle val="0"/>
</element>
<expression label="h" exp="(r * cos(θ))" />
<element type="numeric" label="h">
<value val="1.9318516525781366"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="w" exp="(h / s * ί)" type="point" />
<element type="point" label="w">
<show object="false" label="true"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.0" y="1.8660254037844388" z="1.0"/>
<coordStyle style="complex"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Sequence">
<input a0="((1 - (2 * w)) * Element[sigma, k] / 2) + ((1 + (2 * w)) * Element[sigma, k + 1] / 2)" a1="k" a2="1" a3="n"/>
<output a0="v"/>
</command>
<element type="list" label="v">
<show object="false" label="true"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="1"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="5"/>
<pointStyle val="0"/>
</element>
<command name="Sequence">
<input a0="CircleSector[Element[v, k], Element[sigma, k], Element[sigma, k + 1]]" a1="k" a2="1" a3="m"/>
<output a0="arcs"/>
</command>
<element type="list" label="arcs">
<show object="true" label="true"/>
<objColor r="255" g="0" b="0" alpha="0.05"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Sequence">
<input a0="CircleSector[Element[v, k], Element[sigma, k], Element[sigma, k + 1]]" a1="k" a2="m + 1" a3="n"/>
<output a0="arcs2"/>
</command>
<element type="list" label="arcs2">
<show object="false" label="true"/>
<objColor r="102" g="0" b="204" alpha="0.5"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="2" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Max">
<input a0="0" a1="Min[1, t - 1]"/>
<output a0="t2"/>
</command>
<element type="numeric" label="t2">
<value val="1.0"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<expression label="c" exp="(Element[v, m] + (Element[v, m + 1] * 3)) / 4" type="point" />
<element type="point" label="c">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="6.470476127563019" y="1.931851652578136" z="1.0"/>
<coordStyle style="complex"/>
<pointSize val="2"/>
<pointStyle val="1"/>
</element>
<command name="Max">
<input a0="0" a1="Min[1, t - 2]"/>
<output a0="t3"/>
</command>
<element type="numeric" label="t3">
<value val="0.25"/>
<objColor r="0" g="0" b="0" alpha="0.1"/>
</element>
<command name="Sequence">
<input a0="CircleSector[Rotate[Element[v, k], (t2 * π), c] - ((t3 * h) * ί), Rotate[Element[sigma, k], (t2 * π), c] - ((t3 * h) * ί), Rotate[Element[sigma, k + 1], (t2 * π), c] - ((t3 * h) * ί)]" a1="k" a2="m + 1" a3="n"/>
<output a0="arcs2Rotate"/>
</command>
<element type="list" label="arcs2Rotate">
<show object="true" label="false"/>
<objColor r="102" g="0" b="204" alpha="0.1"/>
<layer val="0"/>
<labelMode val="0"/>
<selectionAllowed val="false"/>
<lineStyle thickness="1" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<element type="boolean" label="run">
<value val="false"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
</element>
<command name="CurveCartesian">
<input a0="(r / t1 * sin((((2 * π) * t1) * τ)))" a1="(r / t1 * (1 - cos((((2 * π) * t1) * τ))))" a2="τ" a3="0" a4="1"/>
<output a0="path"/>
</command>
<element type="curvecartesian" label="path">
<show object="true" label="false"/>
<condition showObject="a"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="10" typeHidden="1"/>
</element>
<element type="boolean" label="a">
<value val="true"/>
<show object="true" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelOffset x="23" y="247"/>
<labelMode val="0"/>
<caption val="展開曲線 (極限)"/>
</element>
<command name="Element">
<input a0="sigma" a1="1"/>
<output a0="A0"/>
</command>
<element type="point" label="A0">
<show object="false" label="false"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.0" y="0.0" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Element">
<input a0="sigma" a1="2"/>
<output a0="A1"/>
</command>
<element type="point" label="A1">
<show object="false" label="false"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="1.035276180410083" y="0.0" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Element">
<input a0="v" a1="1"/>
<output a0="V1"/>
</command>
<element type="point" label="V1">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.5176380902050415" y="1.9318516525781366" z="1.0"/>
<coordStyle style="complex"/>
<pointSize val="7"/>
<pointStyle val="0"/>
</element>
<command name="Segment">
<input a0="A0" a1="A1"/>
<output a0="b"/>
</command>
<element type="segment" label="b">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.0" y="1.035276180410083" z="0.0"/>
<lineStyle thickness="2" type="10" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Midpoint">
<input a0="b"/>
<output a0="A"/>
</command>
<element type="point" label="A">
<show object="false" label="false"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.5176380902050415" y="0.0" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Segment">
<input a0="V1" a1="A"/>
<output a0="d"/>
</command>
<element type="segment" label="d">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="1.9318516525781366" y="0.0" z="-0.9999999999999999"/>
<lineStyle thickness="2" type="10" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<expression label="text1" exp=""r""/>
<element type="text" label="text1">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<isLaTeX val="true"/>
<font serif="true" sizeM="2.0" size="12" style="0"/>
<startPoint x="-0.3735112377281416" y="1.038642642259507" z="1.0"/>
</element>
<expression label="B" exp="A0 + ((s * cos(((2 * t1) * θ))), 0)" type="point" />
<element type="point" label="B">
<show object="false" label="false"/>
<objColor r="68" g="68" b="68" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="1.035276180410083" y="0.0" z="1.0"/>
<pointSize val="3"/>
<pointStyle val="0"/>
</element>
<command name="Segment">
<input a0="A0" a1="B"/>
<output a0="e"/>
</command>
<element type="segment" label="e">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="0.0" y="1.035276180410083" z="0.0"/>
<lineStyle thickness="2" type="20" typeHidden="1"/>
<outlyingIntersections val="false"/>
<keepTypeOnTransform val="true"/>
</element>
<command name="Angle">
<input a0="B" a1="A0" a2="A1"/>
<output a0="β"/>
</command>
<element type="angle" label="β">
<angleStyle val="0"/>
<value val="0.0"/>
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.55"/>
<layer val="0"/>
<labelMode val="2"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
<arcSize val="20"/>
</element>
<command name="Sequence">
<input a0="Vector[Element[sigma, k], Element[sigma, k + 1]]" a1="k" a2="1" a3="n"/>
<output a0="vectors"/>
</command>
<element type="list" label="vectors">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="5" type="0" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Sequence">
<input a0="Segment[Element[sigma, k], Element[sigma, k + 1]]" a1="k" a2="1" a3="n"/>
<output a0="segs"/>
</command>
<element type="list" label="segs">
<show object="false" label="false"/>
<objColor r="0" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<lineStyle thickness="2" type="20" typeHidden="1"/>
<pointSize val="3"/>
<pointStyle val="-1"/>
</element>
<command name="Vector">
<input a0="z0" a1="z"/>
<output a0="u"/>
</command>
<element type="vector" label="u">
<show object="false" label="false"/>
<objColor r="255" g="0" b="0" alpha="0.0"/>
<layer val="0"/>
<labelMode val="0"/>
<coords x="1.0" y="0.0" z="0.0"/>
<lineStyle thickness="3" type="0" typeHidden="1"/>
<coordStyle style="cartesian"/>
<startPoint exp="z0"/>
</element>
<command name="Angle">
<input a0="A1" a1="A0" a2="V1"/>
<output a0="γ"/>
</command>
<element type="angle" label="γ">
<angleStyle val="0"/>
<value val="1.3089969389957472"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.3"/>
<layer val="1"/>
<labelOffset x="0" y="-30"/>
<labelMode val="3"/>
<decoration type="6"/>
<lineStyle thickness="2" type="0" typeHidden="2"/>
<arcSize val="20"/>
<caption val="$\frac{\pi}{2}-\theta$"/>
</element>
<command name="Angle">
<input a0="A0" a1="V1" a2="A"/>
<output a0="α"/>
</command>
<element type="angle" label="α">
<angleStyle val="0"/>
<value val="0.26179938779914935"/>
<show object="false" label="true"/>
<objColor r="0" g="0" b="0" alpha="0.5"/>
<layer val="0"/>
<labelOffset x="5" y="30"/>
<labelMode val="3"/>
<lineStyle thickness="1" type="0" typeHidden="2"/>
<arcSize val="30"/>
<caption val="θ"/>
</element>
</construction>
</geogebra>