<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "https://www.web3d.org/specifications/x3d-3.3.dtd">
<X3D profile='Immersive' version='3.3'  xmlns:xsd='http://www.w3.org/2001/XMLSchema-instance' xsd:noNamespaceSchemaLocation =' https://www.web3d.org/specifications/x3d-3.3.xsd '>
<head>
<meta name='title' content='PositionOrientationInterpolatorsExampleTraced.x3d'/>
<meta name='description' content='Demonstrate use of PositionInterpolator and OrientationInterpolator to animate object motion, with console output tracing added for PositionInterpolator and ROUTE events.'/>
<meta name='creator' content='Don Brutzman'/>
<meta name='created' content='5 August 2011'/>
<meta name='modified' content='20 October 2019'/>
<meta name='reference' content='Chapter07EventAnimationInterpolation-EventTracing.pdf'/>
<meta name='reference' content='PositionOrientationInterpolatorsExampleTracedConsole.txt'/>
<meta name='MovingImage' content='PositionOrientationInterpolatorsExample.mp4'/>
<meta name='reference' content='PositionOrientationInterpolatorsExample.x3d'/>
<meta name='reference' content=' https://X3dGraphics.com '/>
<meta name='reference' content=' https://www.web3d.org/x3d/content/examples/X3dResources.html '/>
<meta name='rights' content='Copyright Don Brutzman and Leonard Daly 2007'/>
<meta name='subject' content=' X3D book, X3D graphics, X3D-Edit, http://www.x3dGraphics.com '/>
<meta name='reference' content=' https://savage.nps.edu/Savage/Tools/Animation/WaypointInterpolatorExample.x3d '/>
<meta name='identifier' content=' https://X3dGraphics.com/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/PositionOrientationInterpolatorsExampleTraced.x3d '/>
<meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
<meta name='license' content=' ../license.html'/>
</head>
<!--
Index for DEF nodes : AnimationClock, ConeMaterial, Floor, OrientationAnimator, Pointer, PositionAnimator, Trace_PositionInterpolator_PositionAnimator, Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction, Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation
Index for Viewpoint images : Viewpoint_1, Viewpoint_2
-->
<Scene>
<WorldInfo title='PositionOrientationInterpolatorsExampleTraced.x3d'/>
<Viewpoint description='Animation demo' orientation='1 0 0 -0.588003' position='0 8 12'/>
<Viewpoint centerOfRotation='5 0.1 5' description='View from above' orientation='1 0 0 -1.570796' position='0 15 0'/>
<!-- ROUTE information for Pointer node:  [from PositionAnimator.value_changed to translation ] [from OrientationAnimator.value_changed to set_rotation ] -->
 <Transform DEF='Pointer' translation='1 0 1'>
<Transform rotation='1 0 0 1.57'>
<Shape>
<Cone bottomRadius='0.5' height='1.5'/>
<Appearance>
<Material DEF='ConeMaterial' diffuseColor='0.427451 1 0.160784'/>
</Appearance>
</Shape>
</Transform>
</Transform>
<Shape DEF='Floor'>
<Box size='12 0.05 12'/>
<Appearance>
<Material diffuseColor='0 0.262745 0.941176'/>
</Appearance>
</Shape>
<!-- note that final value equals first value in keyValue array in order to support smooth looping -->
<!-- first drive around the location -->
<!-- ROUTE information for PositionAnimator node:  [from AnimationClock.fraction_changed to set_fraction ] [from value_changed to Trace_PositionInterpolator_PositionAnimator.value_changed ] [from key to Trace_PositionInterpolator_PositionAnimator.key ] [from keyValue to Trace_PositionInterpolator_PositionAnimator.keyValue ] [from value_changed to Pointer.translation ] [from value_changed to Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation.traceValue ] -->
 <PositionInterpolator DEF='PositionAnimator' key='0 0.2 0.25 0.45 0.5 0.7 0.75 0.95 1' keyValue='-4 0 -4 -4 0 4 -4 0 4 4 0 4 4 0 4 4 0 -4 4 0 -4 -4 0 -4 -4 0 -4'/>
<Group>
<!-- ======= PositionInterpolator Trace ============================================== -->
<!-- ROUTE information for Trace_PositionInterpolator_PositionAnimator node:  [from PositionAnimator.value_changed to value_changed ] [from PositionAnimator.key to key ] [from PositionAnimator.keyValue to keyValue ] -->
 <Script DEF='Trace_PositionInterpolator_PositionAnimator' mustEvaluate='true'>
<field name='reportInterval' type='SFTime' value='1.0' accessType='initializeOnly'
 appinfo='Sampling frequency in seconds (0 means all values)'/>
<!-- Trace ROUTEd values on X3D browser console -->
<field name='value_changed' type='SFVec3f' accessType='inputOnly'/>
<field name='key' type='MFFloat' accessType='inputOnly'/>
<field name='keyValue' type='MFVec3f' accessType='inputOnly'/>
<field name='timeStampPreviousReport' type='SFTime' value='-1' accessType='initializeOnly'/>
<![CDATA[ 
        
ecmascript:
    function value_changed (eventValue, timeStamp) {
      if (timeStamp - timeStampPreviousReport >= reportInterval) {
        Browser.print ('Trace_PositionInterpolator_PositionAnimator type=SFVec3f value_changed=' + eventValue.toString() + '\n');
        timeStampPreviousReport = timeStamp;
      }
    }
    function key (eventValue) {
      Browser.print ('Trace_PositionInterpolator_PositionAnimator type=MFFloat key=' + eventValue.toString() + '\n');
    }
    function keyValue (eventValue) {
      Browser.print ('Trace_PositionInterpolator_PositionAnimator type=MFVec3f keyValue=' + eventValue.toString() + '\n');
    }
]]>
</Script>
<ROUTE fromNode='PositionAnimator' fromField='value_changed' toNode='Trace_PositionInterpolator_PositionAnimator' toField='value_changed'/>
<ROUTE fromNode='PositionAnimator' fromField='key' toNode='Trace_PositionInterpolator_PositionAnimator' toField='key'/>
<ROUTE fromNode='PositionAnimator' fromField='keyValue' toNode='Trace_PositionInterpolator_PositionAnimator' toField='keyValue'/>
<!-- ======= PositionInterpolator Trace block complete ===================================================== -->
</Group>
<ROUTE fromNode='PositionAnimator' fromField='value_changed' toNode='Pointer' toField='translation'/>
<Group>
<!-- ======= ROUTE Trace ============================================== -->
<!-- ROUTE information for Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation node:  [from PositionAnimator.value_changed to traceValue ] -->
 <Script DEF='Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation' mustEvaluate='true'>
<!-- Trace ROUTEd values on X3D browser console -->
<field name='reportInterval' type='SFTime' value='1.0' accessType='initializeOnly'
 appinfo='Sampling frequency in seconds (0 means all values)'/>
<field name='traceValue' type='SFVec3f' accessType='inputOnly'/>
<field name='timeStampPreviousReport' type='SFTime' value='-1' accessType='initializeOnly'/>
<![CDATA[ 
        
ecmascript:
    function traceValue (eventValue, timeStamp) {
      // input eventValue received for trace field
      if (timeStamp - timeStampPreviousReport >= reportInterval) {
        Browser.print ('Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation type=SFVec3f value=' + eventValue.toString() + '\n');
        timeStampPreviousReport = timeStamp;
      }
    }
    function timeOfDay (someTime) {
      hh = Math.floor (someTime /(60*60)) % 24;
      mm = Math.floor (someTime / 60)     % 60;
      ss = Math.floor (someTime)          % 60;
      if (hh < 9) hour   = '0' + hh;
      else        hour   =       hh;
      if (mm < 9) minute = '0' + mm;
      else        minute =       mm;
      if (ss < 9) second = '0' + ss;
      else        second =       ss;
      return '(' + hour + ':' + minute + ':' + second + ' GMT)';
    }
]]>
</Script>
<ROUTE fromNode='PositionAnimator' fromField='value_changed' toNode='Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation' toField='traceValue'/>
<!-- ======= ROUTE Trace block complete ===================================================== -->
</Group>
<!-- then rotate the pointer to match next direction while paused at each position -->
<!-- ROUTE information for OrientationAnimator node:  [from AnimationClock.fraction_changed to set_fraction ] [from value_changed to Pointer.set_rotation ] -->
 <OrientationInterpolator DEF='OrientationAnimator' key='0 0.2 0.25 0.45 0.5 0.7 0.75 0.95 1' keyValue='0 1 0 0 0 1 0 0 0 1 0 1.57 0 1 0 1.57 0 1 0 3.14 0 1 0 3.14 0 1 0 4.71 0 1 0 4.71 0 1 0 6.283'/>
<!-- final rotation value is 2pi rather than 0 so that rotation animation is smooth, not flip-flopping -->
<ROUTE fromNode='OrientationAnimator' fromField='value_changed' toNode='Pointer' toField='set_rotation'/>
<!-- put TimeSensor clock last so that animation design pattern and ROUTE events flow upward -->
<!-- ROUTE information for AnimationClock node:  [from fraction_changed to PositionAnimator.set_fraction ] [from fraction_changed to Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction.traceValue ] [from fraction_changed to OrientationAnimator.set_fraction ] -->
 <TimeSensor DEF='AnimationClock' cycleInterval='10' loop='true'/>
<ROUTE fromNode='AnimationClock' fromField='fraction_changed' toNode='PositionAnimator' toField='set_fraction'/>
<Group>
<!-- ======= ROUTE Trace ============================================== -->
<!-- ROUTE information for Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction node:  [from AnimationClock.fraction_changed to traceValue ] -->
 <Script DEF='Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction' mustEvaluate='true'>
<!-- Trace ROUTEd values on X3D browser console -->
<field name='reportInterval' type='SFTime' value='1.0' accessType='initializeOnly'
 appinfo='Sampling frequency in seconds (0 means all values)'/>
<field name='traceValue' type='SFFloat' accessType='inputOnly'/>
<field name='timeStampPreviousReport' type='SFTime' value='-1' accessType='initializeOnly'/>
<![CDATA[ 
        
ecmascript:
    function traceValue (eventValue, timeStamp) {
      // input eventValue received for trace field
      if (timeStamp - timeStampPreviousReport >= reportInterval) {
        Browser.print ('Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction type=SFFloat value=' + eventValue + '\n');
        timeStampPreviousReport = timeStamp;
      }
    }
    function timeOfDay (someTime) {
      hh = Math.floor (someTime /(60*60)) % 24;
      mm = Math.floor (someTime / 60)     % 60;
      ss = Math.floor (someTime)          % 60;
      if (hh < 9) hour   = '0' + hh;
      else        hour   =       hh;
      if (mm < 9) minute = '0' + mm;
      else        minute =       mm;
      if (ss < 9) second = '0' + ss;
      else        second =       ss;
      return '(' + hour + ':' + minute + ':' + second + ' GMT)';
    }
]]>
</Script>
<ROUTE fromNode='AnimationClock' fromField='fraction_changed' toNode='Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction' toField='traceValue'/>
<!-- ======= ROUTE Trace block complete ===================================================== -->
</Group>
<ROUTE fromNode='AnimationClock' fromField='fraction_changed' toNode='OrientationAnimator' toField='set_fraction'/>
<!-- notice that explanatory Text is placed later in scene although it is graphically located above driving plane -->
<Transform translation='0 4 0'>
<Billboard axisOfRotation='0 0 0'>
<Shape>
<Text string='"Animation using PositionInterpolator" "and OrientationInterpolator"'>
<FontStyle justify='"MIDDLE" "MIDDLE"' size='0.6'/>
</Text>
<Appearance>
<Material/>
</Appearance>
</Shape>
</Billboard>
</Transform>
</Scene>
</X3D>
<!--
Index for DEF nodes : AnimationClock, ConeMaterial, Floor, OrientationAnimator, Pointer, PositionAnimator, Trace_PositionInterpolator_PositionAnimator, Trace_ROUTE_AnimationClock.fraction_changed_TO_PositionAnimator.set_fraction, Trace_ROUTE_PositionAnimator.value_changed_TO_Pointer.translation
Index for Viewpoint images : Viewpoint_1, Viewpoint_2
-->

<!-- Color key: <X3dNode DEF='idName' field='value'/> matches <XmlElement DEF='idName' attribute='value'/>
(Light blue background: behavior node) (Grey background: inserted documentation) (Magenta background: X3D Extensibility)
-->

<!-- For additional help information about X3D scenes, please see X3D Tooltips, X3D Resources and X3D Scene Authoring Hints. -->