<?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=' ScalarInterpolatorExample.x3d '/>
<meta name='description' content='Demonstrate use of ScalarInterpolator to animate transparency.'/>
<meta name='creator' content='Don Brutzman'/>
<meta name='created' content='28 January 2008'/>
<meta name='modified' content='25 August 2023'/>
<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='identifier' content=' https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/ScalarInterpolatorExample.x3d '/>
<meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
<meta name='license' content=' ../license.html'/>
</head>
<!--
to top <!-- Event Graph ROUTE Table shows event connections -->
 
<!-- Index for DEF nodes: AnimationClock, SphereMaterial, TextAppearance, TransparencyAnimator
-->
<Scene>
<WorldInfo title='ScalarInterpolatorExample.x3d'/>
<Transform translation='0 -1 0'>
<Shape>
<Sphere radius='2'/>
<Appearance>
<!-- ROUTE information for SphereMaterial node:  [from TransparencyAnimator.value_changed to transparency ] -->
 <Material DEF='SphereMaterial' diffuseColor='0.941176 0.027451 0'/>
</Appearance>
</Shape>
</Transform>
<!-- note that final value equals first value in keyValue array in order to support smooth looping -->
<!-- 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'/>

<!-- ROUTE information for AnimationClock node:  [from fraction_changed to TransparencyAnimator.set_fraction ] -->
 <TimeSensor DEF='AnimationClock' cycleInterval='8' loop='true'/>

< ROUTE  fromNode=' AnimationClock' fromField='fraction_changed' toNode=' TransparencyAnimator' toField='set_fraction'/>
< ROUTE  fromNode=' TransparencyAnimator' fromField='value_changed' toNode=' SphereMaterial' toField='transparency'/>
<!-- notice that Text appears later in scene although it is located above Sphere -->
<Transform translation='0 1.5 0'>
<Shape>
<Text string='"Animating transparency" "using ScalarInterpolator"'>
<FontStyle justify='"MIDDLE" "MIDDLE"'/>
</Text>
<Appearance DEF='TextAppearance'>
<Material diffuseColor='0 0.7 0.7'/>
</Appearance>
</Shape>
</Transform>
</Scene>
</X3D>
<!--
to top <!-- Event Graph ROUTE Table shows event connections -->
 
<!-- Index for DEF nodes: AnimationClock, SphereMaterial, TextAppearance, TransparencyAnimator
-->

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

-->

<!-- 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. -->