<component level='3' name='EnvironmentalEffects'/>
<meta name='title' content=' TextureBackgroundCube.x3d '/>
<meta name='description' content='TextureBackground containing ImageTexture nodes, with labeled side images and wide field-of-view (FOV) Viewpoints, suitable for scene-orientation testing. Includes transparency interpolator test and also LoadSensor Script console to log events of interest.'/>
<meta name='created' content='1 May 2017'/>
<meta name='modified' content='18 December 2023'/>
<meta name='creator' content='Don Brutzman'/>
<meta name='reference' content='BackgroundCube.x3d.'/>
<meta name='reference' content=' ../GeometricShapes/CubeWithLabeledSides.x3d'/>
<meta name='reference' content=' ../Animation/CubeWithLabeledSidesViewpointSequencer.x3d'/>
<meta name='Image' content=' ../Animation/CubeWithLabeledSidesViewpointSequencer.png' />
<meta name='identifier' content=' https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/Visualization/TextureBackgroundCube.x3d '/>
<meta name='license' content=' https://www.web3d.org/x3d/content/examples/license.html '/>
<meta name='generator' content='X3D-Edit 4.0, https://savage.nps.edu/X3D-Edit'/>

---

<!-- Event Graph ROUTE Table shows event connections -->
 
<!-- Index for DEF nodes: backTexture, bottomTexture, Clock, frontTexture, ImageLoadSensor, leftTexture, LoadSensorReportScript, rightTexture, topTexture, TransparencyAnimator, TransparentBackground

---

Index for Viewpoint nodes: Viewpoint_1, Viewpoint_2, Viewpoint_3, Viewpoint_4, Viewpoint_5, Viewpoint_6

---

<WorldInfo title='TextureBackgroundCube.x3d'/>

<!-- ROUTE information for TransparentBackground node:  [from TransparencyAnimator.value_changed to transparency ] -->
<TextureBackground DEF='TransparentBackground'>

<ImageTexture DEF='backTexture' containerField='backTexture'
  url=' "../GeometricShapes/images/back.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/back.png " ' />
<ImageTexture DEF='bottomTexture' containerField='bottomTexture'
  url=' "../GeometricShapes/images/bottom.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/bottom.png " ' />
<ImageTexture DEF='frontTexture' containerField='frontTexture'
  url=' "../GeometricShapes/images/front.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/front.png " ' />
<ImageTexture DEF='leftTexture' containerField='leftTexture'
  url=' "../GeometricShapes/images/left.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/left.png " ' />
<ImageTexture DEF='rightTexture' containerField='rightTexture'
  url=' "../GeometricShapes/images/right.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/right.png " ' />
<ImageTexture DEF='topTexture' containerField='topTexture'
  url=' "../GeometricShapes/images/top.png " "https://www.web3d.org/x3d/content/examples/X3dForAdvancedModeling/GeometricShapes/images/top.png " ' />

</TextureBackground>

<!-- ROUTE information for TransparencyAnimator node:  [from Clock.fraction_changed to set_fraction ] [from value_changed to TransparentBackground.transparency ] [from value_changed to LoadSensorReportScript.transparencyUpdate ] -->
<ScalarInterpolator DEF='TransparencyAnimator' key='0 0.5 1' keyValue='0 1 0'/>

< ROUTE  fromNode=' TransparencyAnimator' fromField='value_changed' toNode=' TransparentBackground' toField='transparency'/>

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

< ROUTE  fromNode=' Clock' fromField='fraction_changed' toNode=' TransparencyAnimator' toField='set_fraction'/>

<!-- ROUTE information for ImageLoadSensor node:  [from isActive to LoadSensorReportScript.isActiveUpdate ] [from isLoaded to LoadSensorReportScript.isLoadedUpdate ] [from loadTime to LoadSensorReportScript.loadTimeUpdate ] [from progress to LoadSensorReportScript.progressUpdate ] -->
<LoadSensor DEF='ImageLoadSensor'>

<ImageTexture USE=' backTexture' containerField='watchList'/>
<ImageTexture USE=' bottomTexture' containerField='watchList'/>
<ImageTexture USE=' frontTexture' containerField='watchList'/>
<ImageTexture USE=' leftTexture' containerField='watchList'/>
<ImageTexture USE=' rightTexture' containerField='watchList'/>
<ImageTexture USE=' topTexture' containerField='watchList'/>

</LoadSensor>

<!-- ROUTE information for LoadSensorReportScript node:  [from ImageLoadSensor.isActive to isActiveUpdate ] [from ImageLoadSensor.isLoaded to isLoadedUpdate ] [from ImageLoadSensor.loadTime to loadTimeUpdate ] [from ImageLoadSensor.progress to progressUpdate ] [from TransparencyAnimator.value_changed to transparencyUpdate ] -->
<Script DEF='LoadSensorReportScript'>

<field name='isActiveUpdate' type='SFBool' accessType='inputOnly'/>
<field name='isLoadedUpdate' type='SFBool' accessType='inputOnly'/>
<field name='progressUpdate' type='SFFloat' accessType='inputOnly'/>
<field name='loadTimeUpdate' type='SFTime' accessType='inputOnly'/>
<field name='transparencyUpdate' type='SFFloat' accessType='inputOnly'/>

      
ecmascript:

function isActiveUpdate (eventValue)
{
   Browser.println('TextureBackgroundCube LoadSensorReportScript: isActiveUpdate=' + eventValue);
}

function isLoadedUpdate (eventValue)
{
   Browser.println('TextureBackgroundCube LoadSensorReportScript: isLoadedUpdate=' + eventValue);
}

function loadTimeUpdate (eventValue)
{
   Browser.println('TextureBackgroundCube LoadSensorReportScript: loadTimeUpdate=' + eventValue);
}

function progressUpdate (eventValue)
{
   Browser.println('TextureBackgroundCube LoadSensorReportScript: progressUpdate=' + eventValue);
}

function transparencyUpdate (eventValue)
{
// pretty busy interpolator
// Browser.println('TextureBackgroundCube LoadSensorReportScript: transparencyUpdate=' + eventValue);
}