diff options
Diffstat (limited to 'js/lib/rdge/materials/linear-gradient-material.js')
-rwxr-xr-x | js/lib/rdge/materials/linear-gradient-material.js | 248 |
1 files changed, 8 insertions, 240 deletions
diff --git a/js/lib/rdge/materials/linear-gradient-material.js b/js/lib/rdge/materials/linear-gradient-material.js index 9b331fa7..80824ee3 100755 --- a/js/lib/rdge/materials/linear-gradient-material.js +++ b/js/lib/rdge/materials/linear-gradient-material.js | |||
@@ -31,132 +31,14 @@ var LinearGradientMaterial = function LinearGradientMaterial() { | |||
31 | /////////////////////////////////////////////////////////////////////// | 31 | /////////////////////////////////////////////////////////////////////// |
32 | // Property Accessors | 32 | // Property Accessors |
33 | /////////////////////////////////////////////////////////////////////// | 33 | /////////////////////////////////////////////////////////////////////// |
34 | this.getShaderName = function () { | 34 | this.getShaderDef = function() { return linearGradientMaterialDef; } |
35 | return this._shaderName; | ||
36 | }; | ||
37 | |||
38 | this.getName = function () { | ||
39 | return this._name; | ||
40 | }; | ||
41 | |||
42 | this.getColor1 = function () { | ||
43 | return this._color1; | ||
44 | }; | ||
45 | |||
46 | this.setColor1 = function (c) { | ||
47 | this._color1 = c.slice(); | ||
48 | |||
49 | if (this._shader && this._shader['default']) { | ||
50 | this._shader['default'].u_color1.set(c); | ||
51 | } | ||
52 | }; | ||
53 | |||
54 | this.getColor2 = function () { | ||
55 | return this._color2; | ||
56 | }; | ||
57 | |||
58 | this.setColor2 = function (c) { | ||
59 | this._color2 = c.slice(); | ||
60 | |||
61 | if (this._shader && this._shader['default']) { | ||
62 | this._shader['default'].u_color2.set(c); | ||
63 | } | ||
64 | }; | ||
65 | |||
66 | this.getColor3 = function () { | ||
67 | return this._color3; | ||
68 | }; | ||
69 | |||
70 | this.setColor3 = function (c) { | ||
71 | this._color3 = c.slice(); | ||
72 | |||
73 | if (this._shader && this._shader['default']) { | ||
74 | this._shader['default'].u_color3.set(c); | ||
75 | } | ||
76 | }; | ||
77 | |||
78 | this.getColor4 = function () { | ||
79 | return this._color4; | ||
80 | }; | ||
81 | |||
82 | this.setColor4 = function (c) { | ||
83 | this._color4 = c.slice(); | ||
84 | |||
85 | if (this._shader && this._shader['default']) { | ||
86 | this._shader['default'].u_color4.set(c); | ||
87 | } | ||
88 | }; | ||
89 | |||
90 | this.getColorStop1 = function () { | ||
91 | return this._colorStop1; | ||
92 | }; | ||
93 | |||
94 | this.setColorStop1 = function (s) { | ||
95 | this._colorStop1 = s; | ||
96 | |||
97 | if (this._shader && this._shader['default']) { | ||
98 | this._shader['default'].u_colorStop1.set([s]); | ||
99 | } | ||
100 | }; | ||
101 | |||
102 | this.getColorStop2 = function () { | ||
103 | return this._colorStop2; | ||
104 | }; | ||
105 | |||
106 | this.setColorStop2 = function (s) { | ||
107 | this._colorStop2 = s; | ||
108 | |||
109 | if (this._shader && this._shader['default']) { | ||
110 | this._shader['default'].u_colorStop2.set([s]); | ||
111 | } | ||
112 | }; | ||
113 | |||
114 | this.getColorStop3 = function () { | ||
115 | return this._colorStop3; | ||
116 | }; | ||
117 | |||
118 | this.setColorStop3 = function (s) { | ||
119 | this._colorStop3 = s; | ||
120 | |||
121 | if (this._shader && this._shader['default']) { | ||
122 | this._shader['default'].u_colorStop3.set([s]); | ||
123 | } | ||
124 | }; | ||
125 | |||
126 | this.getColorStop4 = function () { | ||
127 | return this._colorStop4; | ||
128 | }; | ||
129 | |||
130 | this.setColorStop4 = function (s) { | ||
131 | this._colorStop4 = s; | ||
132 | |||
133 | if (this._shader && this._shader['default']) { | ||
134 | this._shader['default'].u_colorStop4.set([s]); | ||
135 | } | ||
136 | }; | ||
137 | |||
138 | this.getAngle = function () { | ||
139 | return this._angle; | ||
140 | }; | ||
141 | |||
142 | this.setAngle = function (a) { | ||
143 | this._angle = a; | ||
144 | |||
145 | if (this._shader && this._shader['default']) { | ||
146 | this._shader['default'].u_cos_sin_angle.set([Math.cos(a), Math.sin(a)]); | ||
147 | } | ||
148 | }; | ||
149 | |||
150 | this.isAnimated = function () { | ||
151 | return false; | ||
152 | }; | ||
153 | 35 | ||
154 | /////////////////////////////////////////////////////////////////////// | 36 | /////////////////////////////////////////////////////////////////////// |
155 | // Material Property Accessors | 37 | // Material Property Accessors |
156 | /////////////////////////////////////////////////////////////////////// | 38 | /////////////////////////////////////////////////////////////////////// |
157 | this._propNames = ["color1", "color2", "color3", "color4", "colorStop1", "colorStop2", "colorStop3", "colorStop4", "angle"]; | 39 | this._propNames = ["u_color1", "u_color2", "u_color3", "u_color4", "u_colorStop1", "u_colorStop2", "u_colorStop3", "u_colorStop4", "u_cos_sin_angle"]; |
158 | this._propLabels = ["Color 1", "Color 2", "Color 3", "Color 4", "Color Stop 1", "Color Stop 2", "Color Stop 3", "Color Stop 4", "Angle"]; | 40 | this._propLabels = ["Color 1", "Color 2", "Color 3", "Color 4", "Color Stop 1", "Color Stop 2", "Color Stop 3", "Color Stop 4", "Angle"]; |
159 | this._propTypes = ["color", "color", "color", "color", "float", "float", "float", "float", "float"]; | 41 | this._propTypes = ["color", "color", "color", "color", "float", "float", "float", "float", "vector2d"]; |
160 | this._propValues = []; | 42 | this._propValues = []; |
161 | 43 | ||
162 | this._propValues[this._propNames[0]] = this._color1.slice(0); | 44 | this._propValues[this._propNames[0]] = this._color1.slice(0); |
@@ -169,49 +51,12 @@ var LinearGradientMaterial = function LinearGradientMaterial() { | |||
169 | this._propValues[this._propNames[6]] = this._colorStop3; | 51 | this._propValues[this._propNames[6]] = this._colorStop3; |
170 | this._propValues[this._propNames[7]] = this._colorStop4; | 52 | this._propValues[this._propNames[7]] = this._colorStop4; |
171 | 53 | ||
172 | this._propValues[this._propNames[8]] = this._angle; | 54 | this._propValues[this._propNames[8]] = [ Math.cos(this._angle), Math.sin(this._angle) ]; |
173 | |||
174 | this.setProperty = function (prop, value) { | ||
175 | if (prop === "color") prop = "color1"; | ||
176 | |||
177 | // make sure we have legitimate imput | ||
178 | var ok = this.validateProperty(prop, value); | ||
179 | if (!ok) { | ||
180 | console.log("invalid property in Linear Gradient Material" + prop + " : " + value); | ||
181 | } | ||
182 | |||
183 | switch (prop) { | ||
184 | case "color1": this.setColor1(value); break; | ||
185 | case "color2": this.setColor2(value); break; | ||
186 | case "color3": this.setColor3(value); break; | ||
187 | case "color4": this.setColor4(value); break; | ||
188 | case "colorStop1": this.setColorStop1(value); break; | ||
189 | case "colorStop2": this.setColorStop2(value); break; | ||
190 | case "colorStop3": this.setColorStop3(value); break; | ||
191 | case "colorStop4": this.setColorStop4(value); break; | ||
192 | case "angle": this.setAngle(value); break; | ||
193 | } | ||
194 | }; | ||
195 | 55 | ||
196 | /////////////////////////////////////////////////////////////////////// | 56 | /////////////////////////////////////////////////////////////////////// |
197 | // Methods | 57 | // Methods |
198 | /////////////////////////////////////////////////////////////////////// | 58 | /////////////////////////////////////////////////////////////////////// |
199 | // duplcate method requirde | 59 | // duplcate method requirde |
200 | this.dup = function () { | ||
201 | // allocate a new material | ||
202 | var newMat = new LinearGradientMaterial(); | ||
203 | |||
204 | // copy over the current values; | ||
205 | var propNames = [], propValues = [], propTypes = [], propLabels = []; | ||
206 | this.getAllProperties( propNames, propValues, propTypes, propLabels); | ||
207 | var n = propNames.length; | ||
208 | for (var i=0; i<n; i++) { | ||
209 | newMat.setProperty( propNames[i], propValues[i] ); | ||
210 | } | ||
211 | newMat._textureTransform = this._textureTransform.slice(); | ||
212 | |||
213 | return newMat; | ||
214 | }; | ||
215 | 60 | ||
216 | this.init = function (world) { | 61 | this.init = function (world) { |
217 | this.setWorld(world); | 62 | this.setWorld(world); |
@@ -225,91 +70,14 @@ var LinearGradientMaterial = function LinearGradientMaterial() { | |||
225 | this._materialNode = RDGE.createMaterialNode(this.getShaderName() + "_" + world.generateUniqueNodeID()); | 70 | this._materialNode = RDGE.createMaterialNode(this.getShaderName() + "_" + world.generateUniqueNodeID()); |
226 | this._materialNode.setShader(this._shader); | 71 | this._materialNode.setShader(this._shader); |
227 | 72 | ||
228 | // send the current values to the shader | ||
229 | this.updateShaderValues(); | ||
230 | |||
231 | //console.log( "**** LinearGradientMaterial initialized" ); | ||
232 | }; | ||
233 | |||
234 | this.updateShaderValues = function () { | ||
235 | if (this._shader && this._shader['default']) { | ||
236 | //this._shader['default'].u_colorCount.set( [4] ); | ||
237 | |||
238 | var c; | ||
239 | c = this.getColor1(); | ||