<head>
<!--
<!--
Event Graph ROUTE Table
shows event connections
-->
<!-- Index for DEF nodes: BallTransform, Clock, Floor, MoverUsingContainedScript, MoverUsingExternalScriptFile, MoverUsingUrlScript
Index for Viewpoint node: Viewpoint_1
-->
<Scene>
</Script>
</Group>
<!-- Any one of the three Mover script alternatives can drive the ball - modify both ROUTEs to test -->
< ROUTE fromNode=' Clock' fromField='fraction_changed' toNode=' MoverUsingContainedScript' toField='set_fraction'/>
< ROUTE fromNode=' MoverUsingContainedScript' fromField='value_changed' toNode=' BallTransform' toField='set_translation'/></Scene>
</X3D>
<meta name='title' content='Figure30_1ScriptSlidingBall.x3d'/>
<meta name='creator' content='Figure 30.1, The VRML 2.0 Sourcebook, Copyright [1997] By Andrea L. Ames, David R. Nadeau, and John L. Moreland'/>
<meta name='reference' content=' http://www.wiley.com/legacy/compbooks/vrml2sbk/ch30/30fig01.htm '/>
<meta name='translator' content='Don Brutzman'/>
<meta name='created' content='28 November 2000'/>
<meta name='modified' content='20 October 2019'/>
<meta name='description' content='A sliding red sphere and a custom interpolation script. Three ways to include ECMAScript (JavaScript) programming are compared: external file, url script code, and embedded script code. Recommendation: use embedded script code inside a CDATA block.'/>
<meta name='identifier' content=' https://www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter30Scripts/Figure30_1ScriptSlidingBall.x3d '/>
<meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
<meta name='license' content=' ../../license.html'/>
</head>
<meta name='creator' content='Figure 30.1, The VRML 2.0 Sourcebook, Copyright [1997] By Andrea L. Ames, David R. Nadeau, and John L. Moreland'/>
<meta name='reference' content=' http://www.wiley.com/legacy/compbooks/vrml2sbk/ch30/30fig01.htm '/>
<meta name='translator' content='Don Brutzman'/>
<meta name='created' content='28 November 2000'/>
<meta name='modified' content='20 October 2019'/>
<meta name='description' content='A sliding red sphere and a custom interpolation script. Three ways to include ECMAScript (JavaScript) programming are compared: external file, url script code, and embedded script code. Recommendation: use embedded script code inside a CDATA block.'/>
<meta name='identifier' content=' https://www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter30Scripts/Figure30_1ScriptSlidingBall.x3d '/>
<meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
<meta name='license' content=' ../../license.html'/>
<!--
<!--
Event Graph ROUTE Table
shows event connections
-->
<!-- Index for DEF nodes: BallTransform, Clock, Floor, MoverUsingContainedScript, MoverUsingExternalScriptFile, MoverUsingUrlScript
Index for Viewpoint node: Viewpoint_1
<Scene>
<WorldInfo title='Figure30_1ScriptSlidingBall.x3d'/>
<Viewpoint description='sliding ball' orientation='1 0 0 -0.2' position='0.5 0.5 1.5'/>
<!-- Background nodes are usually best placed at the top of the scene since they have global effect and are bindable nodes. -->
<Background groundAngle='1.309 1.570796' groundColor='0 0 0.1 0 0.1 0.3 0.3 0.3 0.6' skyAngle='1.309 1.571' skyColor='1 0 0.8 0.5 0 0.8 0 0 0.8'/>
<Group>
<Viewpoint description='sliding ball' orientation='1 0 0 -0.2' position='0.5 0.5 1.5'/>
<!-- Background nodes are usually best placed at the top of the scene since they have global effect and are bindable nodes. -->
<Background groundAngle='1.309 1.570796' groundColor='0 0 0.1 0 0.1 0.3 0.3 0.3 0.6' skyAngle='1.309 1.571' skyColor='1 0 0.8 0.5 0 0.8 0 0 0.8'/>
<Group>
<Transform DEF='Floor' translation='0.5 -0.005 0'>
<Transform translation='0 0.1 0'>
</Transform>
<!-- In this example, each Script node can serve as a simple replacement for a PositionInterpolator node. -->
<!-- First Script example: external .js javascript file. This can be helpful if multiple Script nodes (perhaps in multiple scenes) reuse the same code, allowing any changes to occur in a single .js ecmascript file. -->
<Script DEF='MoverUsingExternalScriptFile'
url=' "Figure30_1ScriptSlidingBall.js" "https://www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter30Scripts/Figure30_1ScriptSlidingBall.js" ' >
<!-- Second Script example: executable code is placed in url field. This is legal, but no longer a recommended approach. -->
<!-- Warning: avoid // inline comments or else canonicalization will hide all follow-on code! -->
<Script DEF='MoverUsingUrlScript'
url=' "ecmascript:" function set_fraction( fraction eventTime ) { value_changed[0] = fraction; value_changed[1] = 0.0; value_changed[2] = 0.0; "}" ' >
<!-- Third Script example, using preferred method: script code contained in CDATA block -->
<Shape>
</Transform>
<Box size='1 0.01 0.5'/>
<Appearance>
</Shape>
<Appearance>
<Material diffuseColor='0.7 0.7 0.7'/>
</Appearance>
<Transform translation='0 0.1 0'>
<!-- ROUTE information for BallTransform node:
[from MoverUsingContainedScript.value_changed to set_translation
]
-->
<Transform DEF='BallTransform'>
<Transform DEF='BallTransform'>
<Shape>
</Transform>
<Sphere radius='0.1'/>
<Appearance>
</Shape>
<Appearance>
<Material diffuseColor='1 0.3 0.3'/>
</Appearance>
<!-- ROUTE information for Clock node:
[from fraction_changed to MoverUsingContainedScript.set_fraction
]
-->
<TimeSensor DEF='Clock' cycleInterval='4' loop='true'/>
<TimeSensor DEF='Clock' cycleInterval='4' loop='true'/>
<!-- In this example, each Script node can serve as a simple replacement for a PositionInterpolator node. -->
<!-- First Script example: external .js javascript file. This can be helpful if multiple Script nodes (perhaps in multiple scenes) reuse the same code, allowing any changes to occur in a single .js ecmascript file. -->
<Script DEF='MoverUsingExternalScriptFile'
url=' "Figure30_1ScriptSlidingBall.js" "https://www.web3d.org/x3d/content/examples/Vrml2Sourcebook/Chapter30Scripts/Figure30_1ScriptSlidingBall.js" ' >
<field name='set_fraction' type='SFFloat' accessType='inputOnly'/>
<field name='value_changed' type='SFVec3f' accessType='outputOnly'/>
</Script>
<field name='value_changed' type='SFVec3f' accessType='outputOnly'/>
<!-- Second Script example: executable code is placed in url field. This is legal, but no longer a recommended approach. -->
<!-- Warning: avoid // inline comments or else canonicalization will hide all follow-on code! -->
<Script DEF='MoverUsingUrlScript'
url=' "ecmascript:" function set_fraction( fraction eventTime ) { value_changed[0] = fraction; value_changed[1] = 0.0; value_changed[2] = 0.0; "}" ' >
<field name='set_fraction' type='SFFloat' accessType='inputOnly'/>
<field name='value_changed' type='SFVec3f' accessType='outputOnly'/>
</Script>
<field name='value_changed' type='SFVec3f' accessType='outputOnly'/>
<!-- Third Script example, using preferred method: script code contained in CDATA block -->
<!-- ROUTE information for MoverUsingContainedScript node:
[from Clock.fraction_changed to set_fraction
]
[from value_changed to BallTransform.set_translation
]
-->
<Script DEF='MoverUsingContainedScript'>
<Script DEF='MoverUsingContainedScript'>
<field name='set_fraction' type='SFFloat' accessType='inputOnly'
appinfo='receive fraction from clock' />
<field name='value_changed' type='SFVec3f' accessType='outputOnly'
appinfo='produce output position to move the ball' />
appinfo='receive fraction from clock' />
<field name='value_changed' type='SFVec3f' accessType='outputOnly'
appinfo='produce output position to move the ball' />
<![CDATA[
ecmascript:
// Move a shape in a straight path
function set_fraction( fraction, eventTime ) {
value_changed[0] = fraction; // X component
value_changed[1] = 0.0; // Y component
value_changed[2] = 0.0; // Z component
}
]]>
<!-- Any one of the three Mover script alternatives can drive the ball - modify both ROUTEs to test -->
< ROUTE fromNode=' Clock' fromField='fraction_changed' toNode=' MoverUsingContainedScript' toField='set_fraction'/>
< ROUTE fromNode=' MoverUsingContainedScript' fromField='value_changed' toNode=' BallTransform' toField='set_translation'/>
<!--
<!--
Event Graph ROUTE Table
shows event connections
-->
<!-- Index for DEF nodes: BallTransform, Clock, Floor, MoverUsingContainedScript, MoverUsingExternalScriptFile, MoverUsingUrlScript
Index for Viewpoint node: Viewpoint_1