<?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=' BackgroundColorArrayAnimation.x3d '/>
<meta name='description' content='Design pattern demonstrating type conversion from single SFColor value (sent from a ColorInterpolator node) to an MFColor array (in a Background node).'/>
<meta name='creator' content='Don Brutzman and MV3204 class'/>
<meta name='created' content='8 September 2009'/>
<meta name='modified' content='20 October 2019'/>
<meta name=' TODO ' content=' also create a new prototype ColorArrayInterpolator in Chapter 14 '/>
<meta name='reference' content=' http://openclipart.org/media/tags/smiley '/>
<meta name='identifier' content=' https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter09EventUtilitiesScripting/BackgroundColorArrayAnimation.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: Clock, ColorChanger, ColorTypeConversionScript, SingleColorBackground
-->
<Scene>
<WorldInfo title='BackgroundColorArrayAnimation.x3d'/>
<!-- ROUTE information for Clock node:  [from fraction_changed to ColorChanger.set_fraction ] -->
 <TimeSensor DEF='Clock' cycleInterval='10' loop='true'/>

<!-- ROUTE information for ColorChanger node:  [from Clock.fraction_changed to set_fraction ] [from value_changed to ColorTypeConversionScript.colorValueInput ] -->
 <ColorInterpolator DEF='ColorChanger' key='0 0.333333 0.666667 1' keyValue='1 0 0 0 1 0 0 0 1 1 0 0'/>

< ROUTE  fromNode=' Clock' fromField='fraction_changed' toNode=' ColorChanger' toField='set_fraction'/>
<!-- ROUTE information for ColorTypeConversionScript node:  [from ColorChanger.value_changed to colorValueInput ] [from colorArrayOutput to SingleColorBackground.skyColor ] -->
 <Script DEF='ColorTypeConversionScript'>
<field name='colorValueInput' type='SFColor' accessType='inputOnly'/>
<field name='colorArrayOutput' type='MFColor' accessType='outputOnly'/>
<![CDATA[ 
      
ecmascript:

function colorValueInput (inputValue) // input event received for inputOnly field
{
   colorArrayOutput[0] =  inputValue; // perform type conversion, result is sent as output event
}
]]>
</Script>
< ROUTE  fromNode=' ColorChanger' fromField='value_changed' toNode=' ColorTypeConversionScript' toField='colorValueInput'/>
<!-- ROUTE information for SingleColorBackground node:  [from ColorTypeConversionScript.colorArrayOutput to skyColor ] -->
 <Background DEF='SingleColorBackground'/>

< ROUTE  fromNode=' ColorTypeConversionScript' fromField='colorArrayOutput' toNode=' SingleColorBackground' toField='skyColor'/>
</Scene>
</X3D>
<!--
to top <!-- Event Graph ROUTE Table shows event connections -->
 
<!-- Index for DEF nodes: Clock, ColorChanger, ColorTypeConversionScript, SingleColorBackground
-->

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


-->

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