<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/TR/xhtml1/strict"
       xmlns:ds="http://www.w3.org/2000/09/xmldsig#"
       xmlns:saxon="http://icl.com/saxon">
   <head>
      <title>TestCycleTimeStart.x3d (X3dToXhtml listing)</title>
      <!-- I18N -->
      <meta http-equiv="X-UA-Compatible" content="chrome=1,IE=edge"/>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
      <style type="text/css">
span.element   {color: navy}
span.attribute {color: green}
span.value     {color: teal}
span.plain     {color: black}
span.gray      {color: gray}
span.idName    {color: maroon}
span.addedDocumentation {background-color:#EEEEEE;} /* slightly darker for html page contrast */
span.behaviorNode       {background-color:#DDEEFF;} /*      light blue for html page contrast */
span.extensibilityNode  {background-color:#FFEEFF;} /*    lighter blue for html page contrast */
a.idName {color: maroon}
div.boxedBlock          {border: 1px solid grey;  }
div.center {text-align: center}
div.indented {margin-left: 25px}

span.prototype {color: purple}
a.prototype {color: purple}
a.prototype:visited {color: black}
span.route {color: red}
b.warning {color: #CC5500}
b.error {color: #CC0000}

                </style>
      <style type="text/css">
table.curvedEdges { border:10px solid RoyalBlue;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px; }
table.curvedEdges td, table.curvedEdges th { border-bottom:1px dotted black;padding:5px; }
</style>
      <meta name="generator" content="XSLT processor Saxonica"/>
      <meta name="generator"
             content="https://www.web3d.org/x3d/stylesheets/X3dToXhtml.xslt"/>
      <meta name="generator"
             content="https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/stylesheets/X3dToXhtml.xslt"/>
      <link rel="shortcut icon"
             href="https://www.web3d.org/x3d/content/icons/X3DtextIcon16.png"
             title="X3D"/>
   </head>
   <body>
      <code title="XML declaration"><?xml version="1.0" encoding="UTF-8"?></code>
      <br/>
      <code title="Document Type Declaration (DTD) for X3D validation"><!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.0//EN" "<a href="https://www.web3d.org/specifications/x3d-3.0.dtd">https://www.web3d.org/specifications/x3d-3.0.dtd</a>"></code>
      <div>
<span title="X3D is the top-most XML element for an Extensible 3D (X3D) Graphics file"><<span class="element">X3D</span> <span title="X3D Interactive Profile supports Interchange geometry and animation, plus basic user interaction"><span class="attribute">profile</span>='<span class="value">Interactive</span>'</span>
 <span class="attribute">version</span>='<span class="value">3.0</span>' <span title="XML namespace for X3D Graphics schema validation"><span title="XML namespace for XML Schema validation">
            <span class="attribute">xmlns:xsd</span>='<a href="http://www.w3.org/2001/XMLSchema-instance" target="_blank">http://www.w3.org/2001/XMLSchema-instance</a>'
</span>
         <span title="XML namespace for X3D Graphics schema validation">
            <span class="attribute">xsd:noNamespaceSchemaLocation</span>
         </span>='
<a href="https://www.web3d.org/specifications/x3d-3.0.xsd" target="_blank">https://www.web3d.org/specifications/x3d-3.0.xsd</a>
'</span>
>
</span>
<div class="indented">
<span title="head can contain component, unit, and author-defined metadata (meta) tags"><<span class="element">head</span>>
</span>
<div class="indented">
<span title="meta 'title' provides file name for this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">title</span>' <span class="attribute">content</span>='<a href="TestCycleTimeStart.x3d">TestCycleTimeStart.x3d</a>'/>
</span><br />

<span title="meta 'creator' provides name of original author"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">creator</span>' <span class="attribute">content</span>='<span class="value">Andreas</span>'/>
</span><br />

<span title="meta 'creator' provides name of original author"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">creator</span>' <span class="attribute">content</span>='<span class="value">Joe D. Williams</span>'/>
</span><br />

<span title="meta 'description' provides summary overview describing this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">description</span>' <span class="attribute">content</span>='<span class="plain">Test design patterns for animation control.</span>'/>
</span><br />

<span title="meta 'created' provides date of initial version"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">created</span>' <span class="attribute">content</span>='<span class="value">10 September 2023</span>'/>
</span><br />

<span title="meta 'modified' provides date of modified version"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">modified</span>' <span class="attribute">content</span>='<span class="value">14 September 2023</span>'/>
</span><br />

<span title="meta 'reference' provides name or reference link to a supporting resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">reference</span>' <span class="attribute">content</span>='<a href="originals/cycleTimeStart.x3d">originals/cycleTimeStart.x3d</a>'/>
</span><br />

<span title="meta 'identifier' provides the unique Uniform Resource Identifier (URI) or url address for this resource"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">identifier</span>' <span class="attribute">content</span>='
<a href="https://www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStart.x3d"
                   target="_blank">https://www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStart.x3d</a>
'/>
</span><br />

<span title="meta 'generator' provides name of authoring tool or translation tool producing this scene"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">generator</span>' <span class="attribute">content</span>='<span class="value">X3D-Edit 4.0, </span>
               <a href="https://savage.nps.edu/X3D-Edit" target="_blank">https://savage.nps.edu/X3D-Edit</a>'/>
</span><br />

<span title="meta 'license' provides software license link or information"><<span class="element">meta</span> <span class="attribute">name</span>='<span class="value">license</span>' <span class="attribute">content</span>='
<a href="../license.html">../license.html</a>'/>
</span></div><span title="head can contain component, unit, and author-defined metadata (meta) tags"></<span class="element">head</span>>
</span>
<br /><span style="color:white"><!--</span>
            <div class="center">
               <hr style="width:100%"/>
               <b>
                  <i>Index for DEF nodes: </i>
               </b>
               <a title="go to this Transform node" href="#BLUEBALL" class="idName">BLUEBALL</a>,
<a title="go to this PositionInterpolator node"
                   href="#BLUEINTERP3"
                   class="idName">BLUEINTERP3</a>,
<a title="go to this TimeSensor node" href="#BLUETIME3" class="idName">BLUETIME3</a>,
<a title="go to this TimeTrigger node"
                   href="#BLUETRIGGER"
                   class="idName">BLUETRIGGER</a>,
<a title="go to this Transform node" href="#GREENBALL" class="idName">GREENBALL</a>,
<a title="go to this BooleanFilter node"
                   href="#GREENFILTER"
                   class="idName">GREENFILTER</a>,
<a title="go to this PositionInterpolator node"
                   href="#GREENINTERP2"
                   class="idName">GREENINTERP2</a>,
<a title="go to this TimeSensor node"
                   href="#GREENTIME2"
                   class="idName">GREENTIME2</a>,
<a title="go to this Transform node" href="#REDBALL" class="idName">REDBALL</a>,
<a title="go to this PositionInterpolator node"
                   href="#REDINTERP1"
                   class="idName">REDINTERP1</a>,
<a title="go to this TimeSensor node" href="#REDTIME1" class="idName">REDTIME1</a> and <a title="Event Graph ROUTE Table shows event connections"
                   href="#EventGraph">Event Graph ROUTE Table</a>
<br /><hr width="25%"/>
               <b>
                  <i>Index for Viewpoint image: </i>
               </b>
               <a title="go to this Viewpoint node: hello in there"
                   href="#Viewpoint_1"
                   class="idName">Viewpoint_1</a>
               <hr style="width:100%"/>
            </div>
            <span style="color:white">--></span>
<br />

<span title="Scene is the root node that contains an X3D scene graph"><<span class="element">Scene</span>>
</span>
<div class="indented">
<span title="WorldInfo contains persistent documentation information about the 3D world"><<span class="element">WorldInfo</span> <span class="attribute">title</span>='<span class="value">TestCycleTimeStart.x3d</span>'/>
</span><br />
<a name="Viewpoint_1"> </a> 
<span title="Viewpoint provides a specific location and direction where the user may view the scene"><<span class="element">Viewpoint</span> <span class="attribute">description</span>='<a title="viewpoint image (produced using Xj3D)"
                   href="_viewpoints/TestCycleTimeStart.x3d._VP_hello_in_there.png">hello in there</a>'/>
</span><br />
<a name="REDTIME1"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">REDTIME1</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_2"><i>from</i> <span class="attribute">stopTime</span> <i>to</i> <span class="idName">GREENTIME2</span>.<span class="attribute">set_startTime</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_6"><i>from</i> <span class="attribute">fraction_changed</span> <i>to</i> <span class="idName">REDINTERP1</span>.<span class="attribute">set_fraction</span>
               </a>]
[<a href="#ROUTE_0">self-route <i>from</i> <span class="attribute">cycleTime</span> <i>to</i> <span class="attribute">set_stopTime</span>
               </a>]
 --><br /></span>
<span title="TimeSensor continuously generates events as time passes" style="background-color:#DDEEFF;"><<span class="element">TimeSensor</span> <span class="attribute">DEF</span>='<a title="bookmark link to REDTIME1" href="#REDTIME1" class="idName">REDTIME1</a>' <span class="attribute">loop</span>='<span class="value">true</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="GREENTIME2"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">GREENTIME2</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_2"><i>from</i> <span class="idName">REDTIME1</span>.<span class="attribute">stopTime</span> <i>to</i> <span class="attribute">set_startTime</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_3"><i>from</i> <span class="attribute">isActive</span> <i>to</i> <span class="idName">GREENFILTER</span>.<span class="attribute">set_boolean</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_8"><i>from</i> <span class="attribute">fraction_changed</span> <i>to</i> <span class="idName">GREENINTERP2</span>.<span class="attribute">set_fraction</span>
               </a>]
 --><br /></span>
<span title="TimeSensor continuously generates events as time passes" style="background-color:#DDEEFF;"><<span class="element">TimeSensor</span> <span class="attribute">DEF</span>='<a title="bookmark link to GREENTIME2"
                   href="#GREENTIME2"
                   class="idName">GREENTIME2</a>' <span class="attribute">cycleInterval</span>='<span class="value">5</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="BLUETIME3"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">BLUETIME3</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_5"><i>from</i> <span class="idName">BLUETRIGGER</span>.<span class="attribute">triggerTime</span> <i>to</i> <span class="attribute">set_startTime</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_10"><i>from</i> <span class="attribute">fraction_changed</span> <i>to</i> <span class="idName">BLUEINTERP3</span>.<span class="attribute">set_fraction</span>
               </a>]
 --><br /></span>
<span title="TimeSensor continuously generates events as time passes" style="background-color:#DDEEFF;"><<span class="element">TimeSensor</span> <span class="attribute">DEF</span>='<a title="bookmark link to BLUETIME3" href="#BLUETIME3" class="idName">BLUETIME3</a>' <span class="attribute">cycleInterval</span>='<span class="value">10</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="GREENFILTER"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">GREENFILTER</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_3"><i>from</i> <span class="idName">GREENTIME2</span>.<span class="attribute">isActive</span> <i>to</i> <span class="attribute">set_boolean</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_4"><i>from</i> <span class="attribute">inputFalse</span> <i>to</i> <span class="idName">BLUETRIGGER</span>.<span class="attribute">set_boolean</span>
               </a>]
 --><br /></span>
<span title="BooleanFilter selectively passes true, false or negated events" style="background-color:#DDEEFF;"><<span class="element">BooleanFilter</span> <span class="attribute">DEF</span>='<a title="bookmark link to GREENFILTER"
                   href="#GREENFILTER"
                   class="idName">GREENFILTER</a>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="BLUETRIGGER"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">BLUETRIGGER</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_4"><i>from</i> <span class="idName">GREENFILTER</span>.<span class="attribute">inputFalse</span> <i>to</i> <span class="attribute">set_boolean</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_5"><i>from</i> <span class="attribute">triggerTime</span> <i>to</i> <span class="idName">BLUETIME3</span>.<span class="attribute">set_startTime</span>
               </a>]
 --><br /></span>
<span title="TimeTrigger converts boolean true events to time events" style="background-color:#DDEEFF;"><<span class="element">TimeTrigger</span> <span class="attribute">DEF</span>='<a title="bookmark link to BLUETRIGGER"
                   href="#BLUETRIGGER"
                   class="idName">BLUETRIGGER</a>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="ROUTE_1"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_1"
                      href="#ROUTE_1"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDTIME1"
                   class="idName">REDTIME1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">cycleTime</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDTIME1"
                   class="idName">REDTIME1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_stopTime</span>'</span>/>
</span><br />
<a name="ROUTE_2"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_2"
                      href="#ROUTE_2"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDTIME1"
                   class="idName">REDTIME1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">stopTime</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENTIME2"
                   class="idName">GREENTIME2</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_startTime</span>'</span>/>
</span><br />
<a name="ROUTE_3"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_3"
                      href="#ROUTE_3"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENTIME2"
                   class="idName">GREENTIME2</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">isActive</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENFILTER"
                   class="idName">GREENFILTER</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_boolean</span>'</span>/>
</span><br />
<a name="ROUTE_4"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_4"
                      href="#ROUTE_4"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENFILTER"
                   class="idName">GREENFILTER</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">inputFalse</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUETRIGGER"
                   class="idName">BLUETRIGGER</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_boolean</span>'</span>/>
</span><br />
<a name="ROUTE_5"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_5"
                      href="#ROUTE_5"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUETRIGGER"
                   class="idName">BLUETRIGGER</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">triggerTime</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUETIME3"
                   class="idName">BLUETIME3</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_startTime</span>'</span>/>
</span><br />
<a name="REDBALL"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">REDBALL</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_7"><i>from</i> <span class="idName">REDINTERP1</span>.<span class="attribute">value_changed</span> <i>to</i> <span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Transform translates, orients and scales child geometry within the local world coordinate system"><<span class="element">Transform</span> <span class="attribute">DEF</span>='<a title="bookmark link to REDBALL" href="#REDBALL" class="idName">REDBALL</a>'>
</span>

</div><!--div.boxedBlock-->
<div class="indented">
<span title="Shape contains geometry and optional corresponding Appearance"><<span class="element">Shape</span>>
</span>
<div class="indented">
<span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"><<span class="element">Appearance</span>>
</span>
<div class="indented">
<span title="Material specifies surface rendering properties for associated geometry"><<span class="element">Material</span> <span class="attribute">diffuseColor</span>='<span class="value">1 0 0</span>'/>
</span></div><span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"></<span class="element">Appearance</span>>
</span>
<br />

<span title="Sphere is a geometry primitive node"><<span class="element">Sphere</span>/>
</span></div><span title="Shape contains geometry and optional corresponding Appearance"></<span class="element">Shape</span>>
</span>
</div><span title="Transform translates, orients and scales child geometry within the local world coordinate system"></<span class="element">Transform</span>>
</span>
<br />
<a name="GREENBALL"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">GREENBALL</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_9"><i>from</i> <span class="idName">GREENINTERP2</span>.<span class="attribute">value_changed</span> <i>to</i> <span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Transform translates, orients and scales child geometry within the local world coordinate system"><<span class="element">Transform</span> <span class="attribute">DEF</span>='<a title="bookmark link to GREENBALL" href="#GREENBALL" class="idName">GREENBALL</a>'>
</span>

</div><!--div.boxedBlock-->
<div class="indented">
<span title="Shape contains geometry and optional corresponding Appearance"><<span class="element">Shape</span>>
</span>
<div class="indented">
<span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"><<span class="element">Appearance</span>>
</span>
<div class="indented">
<span title="Material specifies surface rendering properties for associated geometry"><<span class="element">Material</span> <span class="attribute">diffuseColor</span>='<span class="value">0 1 0</span>'/>
</span></div><span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"></<span class="element">Appearance</span>>
</span>
<br />

<span title="Sphere is a geometry primitive node"><<span class="element">Sphere</span>/>
</span></div><span title="Shape contains geometry and optional corresponding Appearance"></<span class="element">Shape</span>>
</span>
</div><span title="Transform translates, orients and scales child geometry within the local world coordinate system"></<span class="element">Transform</span>>
</span>
<br />
<a name="BLUEBALL"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">BLUEBALL</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_11"><i>from</i> <span class="idName">BLUEINTERP3</span>.<span class="attribute">value_changed</span> <i>to</i> <span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Transform translates, orients and scales child geometry within the local world coordinate system"><<span class="element">Transform</span> <span class="attribute">DEF</span>='<a title="bookmark link to BLUEBALL" href="#BLUEBALL" class="idName">BLUEBALL</a>'>
</span>

</div><!--div.boxedBlock-->
<div class="indented">
<span title="Shape contains geometry and optional corresponding Appearance"><<span class="element">Shape</span>>
</span>
<div class="indented">
<span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"><<span class="element">Appearance</span>>
</span>
<div class="indented">
<span title="Material specifies surface rendering properties for associated geometry"><<span class="element">Material</span> <span class="attribute">diffuseColor</span>='<span class="value">0 0 1</span>'/>
</span></div><span title="Appearance specifies visual properties of geometry by containing Material, texture and TextureTransform nodes"></<span class="element">Appearance</span>>
</span>
<br />

<span title="Sphere is a geometry primitive node"><<span class="element">Sphere</span>/>
</span></div><span title="Shape contains geometry and optional corresponding Appearance"></<span class="element">Shape</span>>
</span>
</div><span title="Transform translates, orients and scales child geometry within the local world coordinate system"></<span class="element">Transform</span>>
</span>
<br />
<a name="REDINTERP1"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">REDINTERP1</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_6"><i>from</i> <span class="idName">REDTIME1</span>.<span class="attribute">fraction_changed</span> <i>to</i> <span class="attribute">set_fraction</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_7"><i>from</i> <span class="attribute">value_changed</span> <i>to</i> <span class="idName">REDBALL</span>.<span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Interpolator nodes output event values using piecewise-linear function definitions" style="background-color:#DDEEFF;"><<span class="element">PositionInterpolator</span> <span class="attribute">DEF</span>='<a title="bookmark link to REDINTERP1"
                   href="#REDINTERP1"
                   class="idName">REDINTERP1</a>' <span class="attribute">key</span>='<span class="value">0 0.25 0.5 0.75 1</span>' <span class="attribute">keyValue</span>='<span class="value">0 0 0 2 0 0 0 0 0 -2 0 0 0 0 0</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="GREENINTERP2"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">GREENINTERP2</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_8"><i>from</i> <span class="idName">GREENTIME2</span>.<span class="attribute">fraction_changed</span> <i>to</i> <span class="attribute">set_fraction</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_9"><i>from</i> <span class="attribute">value_changed</span> <i>to</i> <span class="idName">GREENBALL</span>.<span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Interpolator nodes output event values using piecewise-linear function definitions" style="background-color:#DDEEFF;"><<span class="element">PositionInterpolator</span> <span class="attribute">DEF</span>='<a title="bookmark link to GREENINTERP2"
                   href="#GREENINTERP2"
                   class="idName">GREENINTERP2</a>' <span class="attribute">key</span>='<span class="value">0 0.25 0.5 0.75 1</span>' <span class="attribute">keyValue</span>='<span class="value">0 0 0 0 2 0 0 0 0 0 -2 0 0 0 0</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="BLUEINTERP3"> </a> 
<div class="boxedBlock">
<span style="background-color:#EEEEEE;" title="inserted documentation about ROUTE connections"><!-- <i>ROUTE</i> information for <span class="idName">BLUEINTERP3</span> node: 
[<a title="go to this ROUTE" href="#ROUTE_10"><i>from</i> <span class="idName">BLUETIME3</span>.<span class="attribute">fraction_changed</span> <i>to</i> <span class="attribute">set_fraction</span>
               </a>]
[<a title="go to this ROUTE" href="#ROUTE_11"><i>from</i> <span class="attribute">value_changed</span> <i>to</i> <span class="idName">BLUEBALL</span>.<span class="attribute">set_translation</span>
               </a>]
 --><br /></span>
<span title="Interpolator nodes output event values using piecewise-linear function definitions" style="background-color:#DDEEFF;"><<span class="element">PositionInterpolator</span> <span class="attribute">DEF</span>='<a title="bookmark link to BLUEINTERP3"
                   href="#BLUEINTERP3"
                   class="idName">BLUEINTERP3</a>' <span class="attribute">key</span>='<span class="value">0 0.25 0.5 0.75 1</span>' <span class="attribute">keyValue</span>='<span class="value">0 0 0 0 -2 0 0 0 0 0 2 0 0 0 0</span>'/>
</span></div><!--div.boxedBlock-->
<br />
<a name="ROUTE_6"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_6"
                      href="#ROUTE_6"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDTIME1"
                   class="idName">REDTIME1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">fraction_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDINTERP1"
                   class="idName">REDINTERP1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_fraction</span>'</span>/>
</span><br />
<a name="ROUTE_7"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_7"
                      href="#ROUTE_7"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDINTERP1"
                   class="idName">REDINTERP1</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">value_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#REDBALL"
                   class="idName">REDBALL</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_translation</span>'</span>/>
</span><br />
<a name="ROUTE_8"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_8"
                      href="#ROUTE_8"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENTIME2"
                   class="idName">GREENTIME2</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">fraction_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENINTERP2"
                   class="idName">GREENINTERP2</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_fraction</span>'</span>/>
</span><br />
<a name="ROUTE_9"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_9"
                      href="#ROUTE_9"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENINTERP2"
                   class="idName">GREENINTERP2</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">value_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#GREENBALL"
                   class="idName">GREENBALL</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_translation</span>'</span>/>
</span><br />
<a name="ROUTE_10"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_10"
                      href="#ROUTE_10"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUETIME3"
                   class="idName">BLUETIME3</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">fraction_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUEINTERP3"
                   class="idName">BLUEINTERP3</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_fraction</span>'</span>/>
</span><br />
<a name="ROUTE_11"> </a> 
<span title="ROUTE connects fields between nodes to enable event passing" style="background-color:#DDEEFF;"><<span class="route">
                  <a title="bookmark for this ROUTE is #ROUTE_11"
                      href="#ROUTE_11"
                      class="route">ROUTE</a>
               </span> <span class="attribute">fromNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUEINTERP3"
                   class="idName">BLUEINTERP3</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">fromField</span>='<span class="value">value_changed</span>'</span> <span class="attribute">toNode</span>='
<a title="go to the original DEF node definition"
                   href="#BLUEBALL"
                   class="idName">BLUEBALL</a>'<span title="" style="background-color:#DDEEFF;;"> <span class="attribute">toField</span>='<span class="value">set_translation</span>'</span>/>
</span></div><span title="Scene is the root node that contains an X3D scene graph"></<span class="element">Scene</span>>
</span>
</div><span title="X3D is the top-most XML element for an Extensible 3D (X3D) Graphics file"></<span class="element">X3D</span>>
</span>
<br /><span style="color:white"><!--</span>
         <div class="center">
            <hr style="width:100%"/>
            <b>
               <i>Index for DEF nodes: </i>
            </b>
            <a title="go to this Transform node" href="#BLUEBALL" class="idName">BLUEBALL</a>,
<a title="go to this PositionInterpolator node"
                href="#BLUEINTERP3"
                class="idName">BLUEINTERP3</a>,
<a title="go to this TimeSensor node" href="#BLUETIME3" class="idName">BLUETIME3</a>,
<a title="go to this TimeTrigger node"
                href="#BLUETRIGGER"
                class="idName">BLUETRIGGER</a>,
<a title="go to this Transform node" href="#GREENBALL" class="idName">GREENBALL</a>,
<a title="go to this BooleanFilter node"
                href="#GREENFILTER"
                class="idName">GREENFILTER</a>,
<a title="go to this PositionInterpolator node"
                href="#GREENINTERP2"
                class="idName">GREENINTERP2</a>,
<a title="go to this TimeSensor node"
                href="#GREENTIME2"
                class="idName">GREENTIME2</a>,
<a title="go to this Transform node" href="#REDBALL" class="idName">REDBALL</a>,
<a title="go to this PositionInterpolator node"
                href="#REDINTERP1"
                class="idName">REDINTERP1</a>,
<a title="go to this TimeSensor node" href="#REDTIME1" class="idName">REDTIME1</a> and <a title="Event Graph ROUTE Table shows event connections"
                href="#EventGraph">Event Graph ROUTE Table</a>
<br /><hr width="25%"/>
            <b>
               <i>Index for Viewpoint image: </i>
            </b>
            <a title="go to this Viewpoint node: hello in there"
                href="#Viewpoint_1"
                class="idName">Viewpoint_1</a>
            <hr style="width:100%"/>
         </div>
         <span style="color:white">--></span>
         <!-- apply-templates * | comment() complete -->
      </div>
      <div style="background-color:#DDEEFF;">
         <br/>
         <p style="text-align:center;">
            <b>
               <a name="EventGraph"> </a>
               <a href="#EventGraph">Event Graph ROUTE Table</a> entries with 11 ROUTE connections total, showing <a href="https://www.web3d.org/specifications/X3Dv4Draft/ISO-IEC19775-1v4-IS.proof/Part01/concepts.html#Eventmodel"
                   target="_blank"
                   title="X3D 4.0 Architecture, Concepts, Event Model">event model</a> relationships for this scene.</b>
         </p>
         <!-- EventGraph -->
         <table border="1"
                 style="border: 1px solid black; margin-left: auto; margin-right: auto; background-color:#DDEEFF;">
            <td style="text-align:right; background-color:white;" title="">
               <a href="#REDTIME1">REDTIME1</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.stopTime"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.stopTime">stopTime</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFTime"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFTime">SFTime</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_2" href="#ROUTE_2">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#GREENTIME2">GREENTIME2</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.set_startTime"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.set_startTime">set_startTime</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFTime"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFTime">SFTime</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#GREENTIME2">GREENTIME2</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.fraction_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.fraction_changed">fraction_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_8" href="#ROUTE_8">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#GREENINTERP2">GREENINTERP2</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.set_fraction"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.set_fraction">set_fraction</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#GREENINTERP2">GREENINTERP2</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.value_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.value_changed">value_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_9" href="#ROUTE_9">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#GREENBALL">GREENBALL</a>
               <br/>
               <b>Transform</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: Transform.set_translation"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#Transform.set_translation">set_translation</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <!--time to start new row-->
</tr>

<tr>
         <td colspan="3" style="background-color:#DDEEFF;">   <!--skip 3for depth 1--></td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#GREENTIME2">GREENTIME2</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.isActive"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.isActive">isActive</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFBool"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFBool">SFBool</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_3" href="#ROUTE_3">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#GREENFILTER">GREENFILTER</a>
               <br/>
               <b>BooleanFilter</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: BooleanFilter.set_boolean"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#BooleanFilter.set_boolean">set_boolean</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFBool"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFBool">SFBool</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#GREENFILTER">GREENFILTER</a>
               <br/>
               <b>BooleanFilter</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: BooleanFilter.inputFalse"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#BooleanFilter.inputFalse">inputFalse</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFBool"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFBool">SFBool</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_4" href="#ROUTE_4">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#BLUETRIGGER">BLUETRIGGER</a>
               <br/>
               <b>TimeTrigger</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeTrigger.set_boolean"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeTrigger.set_boolean">set_boolean</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFBool"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFBool">SFBool</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#BLUETRIGGER">BLUETRIGGER</a>
               <br/>
               <b>TimeTrigger</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeTrigger.triggerTime"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeTrigger.triggerTime">triggerTime</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFTime"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFTime">SFTime</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_5" href="#ROUTE_5">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#BLUETIME3">BLUETIME3</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.set_startTime"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.set_startTime">set_startTime</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFTime"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFTime">SFTime</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#BLUETIME3">BLUETIME3</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.fraction_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.fraction_changed">fraction_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_10" href="#ROUTE_10">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#BLUEINTERP3">BLUEINTERP3</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.set_fraction"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.set_fraction">set_fraction</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#BLUEINTERP3">BLUEINTERP3</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.value_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.value_changed">value_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_11" href="#ROUTE_11">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#BLUEBALL">BLUEBALL</a>
               <br/>
               <b>Transform</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: Transform.set_translation"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#Transform.set_translation">set_translation</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <!--time to start new row-->
            <!--row finished-->
</tr>
<!--starting new row-->
<tr>
         <td style="text-align:right; background-color:white;" title="">
               <a href="#REDTIME1">REDTIME1</a>
               <br/>
               <b>TimeSensor</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: TimeSensor.fraction_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#TimeSensor.fraction_changed">fraction_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_6" href="#ROUTE_6">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#REDINTERP1">REDINTERP1</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.set_fraction"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.set_fraction">set_fraction</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFFloat"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFFloat">SFFloat</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:lightgrey">
               <i>then</i>
            </td>
            <td style="text-align:right; background-color:white;" title="">
               <a href="#REDINTERP1">REDINTERP1</a>
               <br/>
               <b>PositionInterpolator</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: PositionInterpolator.value_changed"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#PositionInterpolator.value_changed">value_changed</a>
               </b>
               <br/>
               <span title="" style="background-color:white;title:;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <td style="vertical-align:middle; text-align:center; background-color:white;">
               <div style="background-color:white" title="">
                  <br/>
                  <a title="go to #ROUTE_7" href="#ROUTE_7">ROUTE</a>
                  <br/> TO <br/>   </div>
            </td>
            <td style="text-align:left; background-color:white;" title="">
               <a href="#REDBALL">REDBALL</a>
               <br/>
               <b>Transform</b>
               <br/>
               <b>
                  <a title="X3D Tooltips: Transform.set_translation"
                      target="_blank"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#Transform.set_translation">set_translation</a>
               </b>
               <br/>
               <span title="" style="background-color:white;">
                  <a title="X3D Tooltips: SFVec3f"
                      target="_tooltip_type"
                      href="https://www.web3d.org/x3d/content/X3dTooltips.html#SFVec3f">SFVec3f</a>
               </span>
            </td>
            <!--time to start new row-->
            <!--row finished-->
</tr>
</table>
      </div>
      <hr style="width:100%"/>
      <span style="color:white">--></span>
      <p style="text-align:center; background-color:white">
         <span style="color:white"><!--</span>
Online at 
<br/>
         <a href="https://www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStartIndex.html"
             target="_top">https://www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStartIndex.html</a>
         <span style="color:white">--></span>
         <br/>
         <span style="color:white"><!--</span>
Version control at 
<br/>
         <a href="https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStart.x3d"
             target="_blank">https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/HumanoidAnimation/WinterAndSpring/TestCycleTimeStart.x3d</a>
         <span style="color:white">--></span>
      </p>
      <p style="text-align:center;">
         <span style="color:white"><!--</span>
Color legend: X3D terminology <!--(matching X3D and XML terminology) -->
<<span class="element">X3dNode</span>
         <span class="idName"> DEF</span>='<span class="idName">idName</span>' <span class="attribute">field</span>='<span class="value">value</span>'/> 
 matches XML terminology 
<<span class="element">XmlElement</span>
         <span class="idName"> DEF</span>='<span class="idName">idName</span>' <span class="attribute">attribute</span>='<span class="value">value</span>'/> <br/>
<span title="behavior node" style="background-color:#DDEEFF;" >(Light-blue background: event-based behavior node or statement)</span>
<span title="inserted documentation about ROUTE connections" style="background-color:#EEEEEE;">(Grey background inside box: inserted documentation)</span>
<span title="X3D Extensibility" style="background-color:#FFEEFF;">(Magenta background: X3D Extensibility)</span><br/>
         <span style="color:white"> --></span>
      </p>
      <p style="text-align:center; background-color:white">
         <span style="color:white"><!--</span>
For additional help information about X3D scenes, please see <a href="https://www.web3d.org/x3d/content/X3dTooltips.html"
             title="Summary descriptions and authoring hints for each X3D node (element) and field (attribute)"
             target="_blank">X3D Tooltips</a>, <a href="https://www.web3d.org/x3d/content/examples/X3dResources.html"
             title="Numerous resources that support X3D graphics"
             target="_blank">X3D Resources</a>, and <a href="https://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html"
             title="Style guidelines, authoring tips, and best practices"
             target="_blank">X3D Scene Authoring Hints</a>.
<span style="color:white">--></span>
      </p>
   </body>
</html>