<?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>
<!-- Note that the following component statement is needed to add PositionInterpolator2D to Immersive profile nodes -->
<component level='3' name='Interpolation'/>
<meta name='title' content=' PositionInterpolator2dExample.x3d '/>
<meta name='description' content='Interpolation example using PositionInterpolator2D, user can touch (select) the geometry to activate an animation loop that rescales the image texture superimposed on the geometry.'/>
<meta name='creator' content='Don Brutzman'/>
<meta name='created' content='16 October 2001'/>
<meta name='modified' content='14 June 2020'/>
<meta name='subject' content='PositionInterpolator2D'/>
<meta name='identifier' content=' https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/PositionInterpolator2dExample.x3d '/>
<meta name='reference' content=' https://www.web3d.org/x3d/content/examples/Basic/development/PositionInterpolator2dExample.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, ContactImage, ImageAspectRatio, InterpolateTTscale, TextureTransformNode, Toucher, TwoByTwoSquare
Index for Viewpoint node: Viewpoint_1
-->
<Scene>
<WorldInfo title='PositionInterpolator2dExample.x3d'/>
<Viewpoint description='Click to activate animation' position='0 0 3'/>
<!-- ROUTE information for Clock node:  [from Toucher.isActive to enabled ] [from fraction_changed to InterpolateTTscale.set_fraction ] -->
 <TimeSensor DEF='Clock' cycleInterval='10' enabled='false' loop='true'/>

<!-- author fun: experiment by comparing results with keyValue='1 1 1 3 1 3 0.8 0.8 1 1 1 1' -->
<!-- ROUTE information for InterpolateTTscale node:  [from Clock.fraction_changed to set_fraction ] [from value_changed to TextureTransformNode.set_scale ] -->
 <PositionInterpolator2D DEF='InterpolateTTscale' key='0 0.35 0.45 0.8 0.9 1' keyValue='1 1 3 3 3 3 0.8 0.8 1 1 1 1'/>

< ROUTE  fromNode=' Clock' fromField='fraction_changed' toNode=' InterpolateTTscale' toField='set_fraction'/>
<Transform DEF='ImageAspectRatio' scale='1.5 1 1'>
<!-- ROUTE information for Toucher node:  [from isActive to Clock.enabled ] -->
 <TouchSensor DEF='Toucher' description='click and hold to animate TextureTransform'/>

< ROUTE  fromNode=' Toucher' fromField='isActive' toNode=' Clock' toField='enabled'/>
<Shape>
<!-- solid='true' means single-sided rendering -->
<IndexedFaceSet coordIndex='0 1 2 3 0 -1'>
<!-- note how DEF names can be self-documenting -->
<Coordinate DEF='TwoByTwoSquare' point='-1 -1 0 1 -1 0 1 1 0 -1 1 0'/>
</IndexedFaceSet>
<Appearance>
<ImageTexture DEF='ContactImage'
  url=' "JavaBoardSmileForTheCamera.jpg " "https://www.web3d.org/x3d/content/examples/X3dForWebAuthors/Chapter07EventAnimationInterpolation/JavaBoardSmileForTheCamera.jpg " ' />
<!-- ROUTE information for TextureTransformNode node:  [from InterpolateTTscale.value_changed to set_scale ] -->
 <TextureTransform DEF='TextureTransformNode'/>
</Appearance>
</Shape>
<!-- author fun: replace destination toField from 'set_scale' with new value of 'set_translation' or 'set_center' -->
< ROUTE  fromNode=' InterpolateTTscale' fromField='value_changed' toNode=' TextureTransformNode' toField='set_scale'/>
</Transform>
</Scene>
</X3D>
<!--
to top <!-- Event Graph ROUTE Table shows event connections -->
 
<!-- Index for DEF nodes: Clock, ContactImage, ImageAspectRatio, InterpolateTTscale, TextureTransformNode, Toucher, TwoByTwoSquare
Index for Viewpoint node: Viewpoint_1
-->

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.

Toucher
TouchSensor
isActive
SFBool

ROUTE
event to
(1)
Clock
TimeSensor
enabled
SFBool
 
 
then 		Clock
TimeSensor
fraction_changed
SFFloat

ROUTE
event to
(2)
InterpolateTTscale
PositionInterpolator2D
set_fraction
SFFloat
 
 
then 		InterpolateTTscale
PositionInterpolator2D
value_changed
SFVec2f

ROUTE
event to
(3)
TextureTransformNode
TextureTransform
set_scale
SFVec2f


Clock
TimeSensor
fraction_changed
SFFloat

ROUTE
event to
(1)
InterpolateTTscale
PositionInterpolator2D
set_fraction
SFFloat
 
 
then 		InterpolateTTscale
PositionInterpolator2D
value_changed
SFVec2f

ROUTE
event to
(2)
TextureTransformNode
TextureTransform
set_scale
SFVec2f

-->

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