X3D Model Documentation: BackgroundColorArrayAnimation.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='titlecontent='BackgroundColorArrayAnimation.x3d'/>
  6            <meta name='descriptioncontent='Design pattern demonstrating type conversion from single SFColor value (sent from a ColorInterpolator node) to an MFColor array (in a Background node).'/>
  7            <meta name='creatorcontent='Don Brutzman and MV3204 class'/>
  8            <meta name='createdcontent='8 September 2009'/>
  9            <meta name='modifiedcontent='20 October 2019'/>
 10            <meta name=' TODO content=' also create a new prototype ColorArrayInterpolator in Chapter 14 '/>
 11            <meta name='referencecontent='http://openclipart.org/media/tags/smiley'/>
 12            <meta name='identifiercontent='https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter09EventUtilitiesScripting/BackgroundColorArrayAnimation.x3d'/>
 13            <meta name='generatorcontent='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
 14            <meta name='licensecontent='../license.html'/>
 15       </head>
<!--

<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: Clock, ColorChanger, ColorTypeConversionScript, SingleColorBackground
-->
 16       <Scene>
 17            <WorldInfo title='BackgroundColorArrayAnimation.x3d'/>
 18 
          <!-- ROUTE information for Clock node:  [from fraction_changed to ColorChanger.set_fraction ] -->
          <TimeSensor DEF='ClockcycleInterval='10loop='true'/>
 19 
          <!-- ROUTE information for ColorChanger node:  [from Clock.fraction_changed to set_fraction ] [from value_changed to ColorTypeConversionScript.colorValueInput ] -->
          <ColorInterpolator DEF='ColorChangerkey='0 0.333333 0.666667 1keyValue='1 0 0 0 1 0 0 0 1 1 0 0'/>
 20            < ROUTE  fromNode='Clock' fromField='fraction_changed' toNode='ColorChanger' toField='set_fraction'/>
 21 
          <!-- ROUTE information for ColorTypeConversionScript node:  [from ColorChanger.value_changed to colorValueInput ] [from colorArrayOutput to SingleColorBackground.skyColor ] -->
          <Script DEF='ColorTypeConversionScript'>
 22                 <field name='colorValueInputtype='SFColoraccessType='inputOnly'/>
 23                 <field name='colorArrayOutputtype='MFColoraccessType='outputOnly'/>
  <![CDATA[
      
ecmascript:

function colorValueInput (inputValue) // input event received for inputOnly field
{
   colorArrayOutput[0] =  inputValue; // perform type conversion, result is sent as output event
}

    
]]>
 25            </Script>
 26            < ROUTE  fromNode='ColorChanger' fromField='value_changed' toNode='ColorTypeConversionScript' toField='colorValueInput'/>
 27 
          <!-- ROUTE information for SingleColorBackground node:  [from ColorTypeConversionScript.colorArrayOutput to skyColor ] -->
          <Background DEF='SingleColorBackground'/>
 28            < ROUTE  fromNode='ColorTypeConversionScript' fromField='colorArrayOutput' toNode='SingleColorBackground' toField='skyColor'/>
 29       </Scene>
 30  </X3D>
<!--

<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: Clock, ColorChanger, ColorTypeConversionScript, SingleColorBackground
-->
X3D Tooltips element index: Background, ColorInterpolator, field, head, meta, ROUTE, Scene, Script, TimeSensor, WorldInfo, X3D, accessType and type, XML data types, field types

Event Graph ROUTE Table entries with 3 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.

Clock
TimeSensor
fraction_changed
SFFloat

ROUTE
event to
(1)
ColorChanger
ColorInterpolator
set_fraction
SFFloat
then
 
 
 
ColorChanger
ColorInterpolator
value_changed
SFColor

ROUTE
event to
(2)
ColorTypeConversionScript
Script
colorValueInput
SFColor
then
 
 
 
ColorTypeConversionScript
Script
colorArrayOutput
MFColor

ROUTE
event to
(3)
SingleColorBackground
Background
skyColor
MFColor

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/Chapter09EventUtilitiesScripting/BackgroundColorArrayAnimationIndex.html -->
<!-- Version control at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter09EventUtilitiesScripting/BackgroundColorArrayAnimation.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. -->