X3D Model Documentation: ScalarInterpolatorExample.x3d

  1  <?xml version="1.0" encoding="UTF-8"?>
  2  <!DOCTYPE X3D PUBLIC "ISO//Web3D//DTD X3D 3.3//EN" "https://www.web3d.org/specifications/x3d-3.3.dtd">
  3  <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'>
  4       <head>
  5            <meta name='title' content='ScalarInterpolatorExample.x3d'/>
  6            <meta name='description' content='Demonstrate use of ScalarInterpolator to animate transparency.'/>
  7            <meta name='creator' content='Don Brutzman'/>
  8            <meta name='created' content='28 January 2008'/>
  9            <meta name='modified' content='25 August 2023'/>
 10            <meta name='reference' content='https://X3dGraphics.com'/>
 11            <meta name='reference' content='https://www.web3d.org/x3d/content/examples/X3dResources.html'/>
 12            <meta name='rights' content='Copyright Don Brutzman and Leonard Daly 2007'/>
 13            <meta name='subject' content='X3D book, X3D graphics, X3D-Edit, http://www.x3dGraphics.com'/>
 14            <meta name='identifier' content='https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/ScalarInterpolatorExample.x3d'/>
 15            <meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
 16            <meta name='license' content='../license.html'/>
 17       </head>
<!--
<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: AnimationClock, SphereMaterial, TextAppearance, TransparencyAnimator
-->
 18       <Scene>
 19            <WorldInfo title='ScalarInterpolatorExample.x3d'/>
 20            <Transform translation='0 -1 0'>
 21                 <Shape>
 22                      <Sphere radius='2'/>
 23                      <Appearance>
 24 
                         <!-- ROUTE information for SphereMaterial node:  [from TransparencyAnimator.value_changed to transparency ] -->
                          <Material DEF='SphereMaterial' diffuseColor='0.941176 0.027451 0'/>
 25                      </Appearance>
 26                 </Shape>
 27            </Transform>
 28            <!-- note that final value equals first value in keyValue array in order to support smooth looping -->
 29 
          <!-- ROUTE information for TransparencyAnimator node:  [from AnimationClock.fraction_changed to set_fraction ] [from value_changed to SphereMaterial.transparency ] -->
           <ScalarInterpolator DEF='TransparencyAnimator' key='0 0.5 1' keyValue='0 1 0'/>
 30 
          <!-- ROUTE information for AnimationClock node:  [from fraction_changed to TransparencyAnimator.set_fraction ] -->
           <TimeSensor DEF='AnimationClock' cycleInterval='8' loop='true'/>
 31            < ROUTE  fromNode='AnimationClock' fromField='fraction_changed' toNode='TransparencyAnimator' toField='set_fraction'/>
 32            < ROUTE  fromNode='TransparencyAnimator' fromField='value_changed' toNode='SphereMaterial' toField='transparency'/>
 33            <!-- notice that Text appears later in scene although it is located above Sphere -->
 34            <Transform translation='0 1.5 0'>
 35                 <Shape>
 36                      <Text string='"Animating transparency" "using ScalarInterpolator"'>
 37                           <FontStyle justify='"MIDDLE" "MIDDLE"'/>
 38                      </Text>
 39                      <Appearance DEF='TextAppearance'>
 40                           <Material diffuseColor='0 0.7 0.7'/>
 41                      </Appearance>
 42                 </Shape>
 43            </Transform>
 44       </Scene>
 45  </X3D>
<!--
<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: AnimationClock, SphereMaterial, TextAppearance, TransparencyAnimator
-->
X3D Tooltips element index: Appearance, FontStyle, head, Material, meta, ROUTE, ScalarInterpolator, Scene, Shape, Sphere, Text, TimeSensor, Transform, WorldInfo, X3D, accessType and type, XML data types, field types

Event Graph ROUTE Table with 2 ROUTE connections total, showing X3D event-model relationships for this scene.

Each row shows an event cascade that may occur during a single timestamp interval between frame renderings, as part of the X3D execution model.

AnimationClock
TimeSensor
fraction_changed
SFFloat
→
ROUTE
event to
(1)
TransparencyAnimator
ScalarInterpolator
set_fraction
SFFloat 		then
 
 
  		TransparencyAnimator
ScalarInterpolator
value_changed
SFFloat
→
ROUTE
event to
(2)
SphereMaterial
Material
transparency
SFFloat
Additional guidance on X3D animation can be found in the 10-Step Animation Design Process and Event Tracing hint sheets. Have fun with X3D! 😀
-->
<!-- Online at
https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/ScalarInterpolatorExampleIndex.html -->
<!-- Version control at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/ScalarInterpolatorExample.x3d -->

<!-- Color legend: X3D terminology <X3dNode DEF='idName' field='value'/> matches XML terminology <XmlElement DEF='idName' attribute='value'/>
(Light-blue background: event-based behavior node or statement) (Grey background inside box: inserted documentation) (Magenta background: X3D Extensibility)
-->

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