X3D Model Documentation: ECMAScriptSaiTouchSensorIsOverEvent.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='title' content='ECMAScriptSaiTouchSensorIsOverEvent.x3d'/>
  6            <meta name='description' content='Java Scene Authoring Interface (JSAI) scene and source code example that demonstrate a scripted response to a TouchSensor isOver event by changing the color of a Box from blue to red.'/>
  7            <meta name='creator' content='X3D Working Group'/>
  8            <meta name='created' content='23 February 2005'/>
  9            <meta name='modified' content='28 October 2019'/>
 10            <meta name='reference' content='https://www.web3d.org/x3d/content/examples/X3dSceneAuthoringHints.html#Scripts'/>
 11            <meta name='reference' content='X3D Abstract Specification, Scripting Component, 9.2.3 Scripting language protocols https://www.web3d.org/specifications/X3Dv4/ISO-IEC19775-1v4-IS/Part01/components/networking.html#ScriptingLanguageProtocols'/>
 12            <meta name='reference' content='https://www.web3d.org/files/specifications/19777-1/V3.3/Part1/X3D_ECMAScript.html'/>
 13            <meta name='specificationSection' content='X3D language bindings, ISO/IEC 19777-1, Part 1: ECMAScript, B.2 touchSensor isOver event'/>
 14            <meta name='specificationUrl' content='https://www.web3d.org/files/specifications/19777-1/V3.3/Part1/examples.html#TouchSensorIsOverEvent'/>
 15            <meta name='generator' content='X3D-Edit 3.3, https://savage.nps.edu/X3D-Edit'/>
 16            <meta name='identifier' content='https://www.web3d.org/x3d/content/examples/Basic/X3dSpecifications/ECMAScriptSaiTouchSensorIsOverEvent.x3d'/>
 17            <meta name='license' content='../license.html'/>
 18       </head>
<!--
<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: MAT, SC, TS
-->
 19       <Scene>
 20            <WorldInfo title='ECMAScriptSaiTouchSensorIsOverEvent.x3d'/>
 21            <Group>
 22                 <Shape>
 23                      <Appearance>
 24 
                         <!-- ROUTE information for MAT node:  [from SC.diffuseColor_changed to set_diffuseColor ] -->
                          <Material DEF='MAT' diffuseColor='0 0 1'/>
 25                      </Appearance>
 26                      <Box/>
 27                 </Shape>
 28 
               <!-- ROUTE information for TS node:  [from isOver to SC.isOver ] -->
                <TouchSensor DEF='TS'/>
 29            </Group>
 30            <!-- Note that external url takes precedence, but will fall back to contained CDATA source if no external script is found. -->
 31 
          <!-- ROUTE information for SC node:  [from TS.isOver to isOver ] [from diffuseColor_changed to MAT.set_diffuseColor ] -->
           <Script DEF='SC'   url=' "ECMAScriptSaiTouchSensorIsOverEventScript.js" "https://www.web3d.org/x3d/content/examples/Basic/X3dSpecifications/ECMAScriptSaiTouchSensorIsOverEventScript.js" '>
 32                 <field name='isOver' type='SFBool' accessType='inputOnly'/>
 33                 <field name='diffuseColor_changed' type='SFColor' accessType='outputOnly'/>
  <![CDATA[ 
      
ecmascript:
function initialize() { }
function isOver(val) {
    if (val == true) {
        diffuseColor_changed = new SFColor(1,0,0);
    } else {
        diffuseColor_changed = new SFColor(0,0,1);
    }
}
]]>
 35            </Script>
 36            < ROUTE  fromNode='TS' fromField='isOver' toNode='SC' toField='isOver'/>
 37            < ROUTE  fromNode='SC' fromField='diffuseColor_changed' toNode='MAT' toField='set_diffuseColor'/>
 38       </Scene>
 39  </X3D>
<!--
<!--
Event Graph ROUTE Table shows event connections.
-->

<!-- to top Index for DEF nodes: MAT, SC, TS
-->
X3D Tooltips element index: Appearance, Box, field, Group, head, Material, meta, ROUTE, Scene, Script, Shape, TouchSensor, WorldInfo, X3D, accessType and type, XML data types, field types

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

TS
TouchSensor
isOver
SFBool
→
ROUTE
event to
(1)
SC
Script
isOver
SFBool 		then
 
 
  		SC
Script
diffuseColor_changed
SFColor
→
ROUTE
event to
(2)
MAT
Material
set_diffuseColor
SFColor

      SC
Script
diffuseColor_changed
SFColor
→
ROUTE
event to
(1)
MAT
Material
set_diffuseColor
SFColor
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/Basic/X3dSpecifications/ECMAScriptSaiTouchSensorIsOverEventIndex.html -->
<!-- Version control at
https://sourceforge.net/p/x3d/code/HEAD/tree/www.web3d.org/x3d/content/examples/Basic/X3dSpecifications/ECMAScriptSaiTouchSensorIsOverEvent.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. -->