osmwp.github.com/development_node_Script.html at master · osmwp/osmwp.github.com · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!DOCTYPE html
 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<htmlxmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
<metahttp-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mobile Widgets</title>
<linkrel="stylesheet" href="style/style.css" />
<linkrel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<scripttype="text/javascript" src="js/StructureElts.js"></script>
<scripttype="text/javascript" src="js/Structure.js"></script>
<scripttype="text/javascript" src="js/DocElements.js"></script>
</head>

<body>

<scripttype="text/javascript">
<!--
idCurrentPage="development_node_Script";
beginPage();
//-->
</script>


<h1class="title">Script node</h1>

<scripttype="text/javascript">
<!--
addIndex();
//-->
</script>


<scripttype="text/javascript">addTitle("Interface",1);</script>

<textareawrap="off" readonly="readonly" rows="3" cols="80">
Script {
 SFString url ""
}
</textarea>
<br/>

<scripttype="text/javascript">addTitle("Description",1);</script>

<p>
Implements scripting facility with some limitations (see <ahref="faq.html">FAQ</a>).
</p>
<p>
Script node enable to define complex interactions. Modifying script field
call/launch function of the same name in the script. You can access to each VRML
node of the scene from the script, based on a DOM system.
</p>
<br/>

<scripttype="text/javascript">addTitle("Principles",1);</script>

<ul>
<li>define an internal field in Script node</li>
<li>define a function which has the same name than the field</li>
<li>define a ROUTE TO this field</li>
<li>the function is launched when field if modified</li>
</ul>
<br/>

<scripttype="text/javascript">addTitle("Scope",1);</script>

<ul>
<li>eventIn, exposedField : a function can be linked to the field</li>
<li>eventOut : output from a function (can be used by ROUTE)</li>
<li>field : local variable</li>
</ul>
<p>Example :</p>
<textareawrap="off" readonly="readonly" rows="5" cols="80">
eventIn SFTime keyPressed
eventOut SFVec2f newValue
exposedField SFColor currentColor 1 1 1
field SFFloat coefficient 3.5
</textarea>
<br/>

<scripttype="text/javascript">addTitle("Fields",1);</script>

<p>
<b>SFString url ""</b> :<br/>
The content of the script.
</p>
<br/>

<scripttype="text/javascript">addTitle("Syntax",1);</script>

<p>
A function is written in javascript. You can use global or local variables. You
can use internal functions (not linked to a field). <b>initialize()</b> is a
special function launched at Script creation.<br/>
DOM access possible by positioning keyword <b>USE</b> after field. The node is
accessible by pointed syntax.
</p>

<scripttype="text/javascript">addTitle("Limitations",1);</script>
<p>
The script is compiled =&gt; everything should be known before execution.<br/>
Our implementation doesn't include the "object" part of javascript BUT you can use protos and DOM.
</p>
<br/>

<scripttype="text/javascript">addTitle("Example",1);</script>

<textareawrap="off" readonly="readonly" rows="15" cols="80">
#VRML V2.0 utf8

DEF input InputSensor { url "A" activate FALSE }

DEF script Script {
 eventIn SFTime keyPressed

 field SFTime aTimeValue 0
 field SFInt32 anIntValue 13
 field SFFloat aFloatValue 3.1415
 field SFBool aBooleanValue TRUE
 field MFInt32 anIntArray [1 2 3 4 5 6]
 field MFFloat aFloatArray [1.1 2.2 3.3 4.4 5.5 6.6]

 field SFNode input IS input

 url "javascript:

 function initialize () {
 Browser.print ('Hello world !');
 # Activate the InputSensor
 input.activate = true;
 }

 function keyPressed () {
 Browser.print ('User pressed on the key: A');
 }
 "
}

ROUTE input.eventTime TO script.keyPressed
</textarea>
<br/>


<scripttype="text/javascript">
<!--
addBackPageNavigator('widgets_development_nodes_ref','');
//-->
</script>


<scripttype="text/javascript">
<!--
endPage();
//-->
</script>

</body>

</html>