osmwp.github.com/development_node_Color.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
<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

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

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

<body>

<script type="text/javascript">
<!--
idCurrentPage = "development_node_Color";
beginPage();
//-->
</script>


<h1 class="title">Color node</h1>

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


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

<textarea wrap="off" readonly="readonly" rows="3" cols="80">
Color {
  MFColor color []
}
</textarea>
<br/>

<script type="text/javascript">addTitle("Description", 1);</script>
<p>
Utility class for <!-- [TODO 3D part removed] <a href="development_node_IndexedFaceSet.html">IndexedFaceSet</a>
and --><a href="development_node_IndexedFaceSet2D.html">IndexedFaceSet2D</a> node.
</p>
<br/>

<script type="text/javascript">addTitle("Fields", 1);</script>
<p>
<b>MFColor color []</b> :
A set of colors for the faces or vertices of an IndexedFaceSet2D
</p>
<br/>

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

<textarea wrap="off" readonly="readonly" rows="15" cols="80">
# PROTO to draw the return carriage symbol
#    |
#    |
# &lt;--|
#
PROTO CR_LF [
  field SFColor color 1 1 1
  field SFColor bgColor 0 0 0
  field SFVec2f size 10 20
  field MFColor lineColor [ 1 0 0 0 1 0 ]
] {
  Shape {
    appearance Appearance {
      material Material2D { emissiveColor IS bgColor filled TRUE }
    }
    geometry Rectangle { size IS size }
  }

  DEF TRS Transform2D {
    children [
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0, 1, 1, 2, 2, 3, 3, 0 ]
          coord Coordinate2D { point [ 2 6, 2 -4, 4, -4, 4, 6 ] }
        }
      }
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0, 1, 1, 2, 2, 3, 3, 0 ]
          coord Coordinate2D { point [ 4 -4, -4 -4, -4 -2, 4 -2 ] }
        }
      }
      Shape {
        appearance Appearance { }
        geometry IndexedFaceSet2D {
          color Color { color IS lineColor }
          coordIndex [ 0 1, 1 2, 2 0 ]
          coord Coordinate2D { point [ 0 3, 0 -7, -6 -3 ] }
        }
      }
     ]
  }
  Script {
    field SFColor changeColor IS color
    field MFColor lineColor IS lineColor
    field SFVec2f scale 1 1
    field SFVec2f sizeChanged IS size
    field SFNode trs USE TRS

    url "javascript:
      function initialize() {
        changeColor();
        sizeChanged();
      }
      function changeColor() {
        lineColor[0].r = changeColor.r;
        lineColor[0].g = changeColor.g;
        lineColor[0].b = changeColor.b;
      }
      function sizeChanged() {
        scale.x = sizeChanged.x/10;
        scale.y = sizeChanged.y/25;
        trs.scale = scale;
      }
    "
  }
}
</textarea>
<p>
See <a href="development_node_IndexedFaceSet2D.html">IndexedFaceSet2D</a> for
more examples.
</p>
<br/>


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


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

</body>

</html>