diff options
author | Pierre Frisch | 2011-12-22 07:25:50 -0800 |
---|---|---|
committer | Valerio Virgillito | 2012-01-27 11:18:17 -0800 |
commit | b89a7ee8b956c96a1dcee995ea840feddc5d4b27 (patch) | |
tree | 0f3136ab0ecdbbbed6a83576581af0a53124d6f1 /js/helper-classes/RDGE/Materials/RadialBlurMaterial.js | |
parent | 2401f05d1f4b94d45e4568b81fc73e67b969d980 (diff) | |
download | ninja-b89a7ee8b956c96a1dcee995ea840feddc5d4b27.tar.gz |
First commit of Ninja to ninja-internal
Signed-off-by: Valerio Virgillito <rmwh84@motorola.com>
Diffstat (limited to 'js/helper-classes/RDGE/Materials/RadialBlurMaterial.js')
-rw-r--r-- | js/helper-classes/RDGE/Materials/RadialBlurMaterial.js | 241 |
1 files changed, 241 insertions, 0 deletions
diff --git a/js/helper-classes/RDGE/Materials/RadialBlurMaterial.js b/js/helper-classes/RDGE/Materials/RadialBlurMaterial.js new file mode 100644 index 00000000..25331b54 --- /dev/null +++ b/js/helper-classes/RDGE/Materials/RadialBlurMaterial.js | |||
@@ -0,0 +1,241 @@ | |||
1 | /* <copyright> | ||
2 | This file contains proprietary software owned by Motorola Mobility, Inc.<br/> | ||
3 | No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> | ||
4 | (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. | ||
5 | </copyright> */ | ||
6 | |||
7 | |||
8 | |||
9 | /////////////////////////////////////////////////////////////////////// | ||
10 | // Class GLMaterial | ||
11 | // RDGE representation of a material. | ||
12 | /////////////////////////////////////////////////////////////////////// | ||
13 | function RadialBlurMaterial() | ||
14 | { | ||
15 | // initialize the inherited members | ||
16 | this.inheritedFrom = GLMaterial; | ||
17 | this.inheritedFrom(); | ||
18 | |||
19 | /////////////////////////////////////////////////////////////////////// | ||
20 | // Instance variables | ||
21 | /////////////////////////////////////////////////////////////////////// | ||
22 | this._name = "RadialBlurMaterial"; | ||
23 | this._shaderName = "radialBlur"; | ||
24 | |||
25 | this._texMap = 'assets/images/cubelight.png'; | ||
26 | this._color = [1,0,0,1]; | ||
27 | |||
28 | this._time = 0.0; | ||
29 | this._dTime = 0.01; | ||
30 | |||
31 | /////////////////////////////////////////////////////////////////////// | ||
32 | // Property Accessors | ||
33 | /////////////////////////////////////////////////////////////////////// | ||
34 | this.getName = function() { return this._name; } | ||
35 | this.getShaderName = function() { return this._shaderName; } | ||
36 | |||
37 | this.getTextureMap = function() { return this._texMap.slice(0); } | ||
38 | this.setTextureMap = function(m) { this._propValues[this._propNames[0]] = m.slice(0); this.updateTexture(); } | ||
39 | |||
40 | /////////////////////////////////////////////////////////////////////// | ||
41 | // Material Property Accessors | ||
42 | /////////////////////////////////////////////////////////////////////// | ||
43 | this._propNames = ["texmap", "color"]; | ||
44 | this._propLabels = ["Texture map", "Color"]; | ||
45 | this._propTypes = ["file", "color"]; | ||
46 | this._propValues = []; | ||
47 | |||
48 | this._propValues[ this._propNames[0] ] = this._texMap.slice(0); | ||
49 | this._propValues[ this._propNames[1] ] = this._color.slice(0); | ||
50 | |||
51 | this.setProperty = function( prop, value ) | ||
52 | { | ||
53 | // make sure we have legitimate imput | ||
54 | var ok = this.validateProperty( prop, value ); | ||
55 | if (!ok) | ||
56 | console.log( "invalid property in Radial Gradient Material:" + prop + " : " + value ); | ||
57 | |||
58 | switch (prop) | ||
59 | { | ||
60 | case "texmap": | ||
61 | this.setTextureMap(value); | ||
62 | break; | ||
63 | |||
64 | case "color": | ||
65 | this._propValues[prop] = value.slice(0); | ||
66 | if (this._shader && this._shader.default) | ||
67 | this._shader.default[prop].set(value); | ||
68 | break; | ||
69 | } | ||
70 | } | ||
71 | /////////////////////////////////////////////////////////////////////// | ||
72 | |||
73 | |||
74 | /////////////////////////////////////////////////////////////////////// | ||
75 | // Methods | ||
76 | /////////////////////////////////////////////////////////////////////// | ||
77 | // duplcate method requirde | ||
78 | this.dup = function( world ) | ||
79 | { | ||
80 | // allocate a new uber material | ||
81 | var newMat = new RadialBlurMaterial(); | ||
82 | |||
83 | // copy over the current values; | ||
84 | var propNames = [], propValues = [], propTypes = [], propLabels = []; | ||
85 | this.getAllProperties( propNames, propValues, propTypes, propLabels); | ||
86 | var n = propNames.length; | ||
87 | for (var i=0; i<n; i++) | ||
88 | newMat.setProperty( propNames[i], propValues[i] ); | ||
89 | |||
90 | return newMat; | ||
91 | } | ||
92 | |||
93 | this.init = function( world ) | ||
94 | { | ||
95 | // set up the shader | ||
96 | this._shader = new jshader(); | ||
97 | this._shader.def = radialBlurMaterialDef; | ||
98 | this._shader.init(); | ||
99 | |||
100 | // set up the material node | ||
101 | this._materialNode = createMaterialNode("radialBlurMaterial"); | ||
102 | this._materialNode.setShader(this._shader); | ||
103 | |||
104 | this._time = 0; | ||
105 | if (this._shader && this._shader.default) | ||
106 | this._shader.default.u_time.set( [this._time] ); | ||
107 | this.setProperty( "color", [this._time, 0, 0, 1] ); | ||
108 | |||
109 | // set the shader values in the shader | ||
110 | this.updateTexture(); | ||
111 | this.setResolution( [world.getViewportWidth(),world.getViewportHeight()] ); | ||
112 | this.update( 0 ); | ||
113 | } | ||
114 | |||
115 | this.updateTexture = function() | ||
116 | { | ||
117 | var material = this._materialNode; | ||
118 | if (material) | ||
119 | { | ||
120 | var technique = material.shaderProgram.default; | ||
121 | var renderer = g_Engine.getContext().renderer; | ||
122 | if (renderer && technique) | ||
123 | { | ||
124 | var texMapName = this._propValues[this._propNames[0]]; | ||
125 | var tex = renderer.getTextureByName(texMapName, 'REPEAT'); | ||
126 | // if (tex) | ||
127 | // { | ||
128 | // var res = [tex.image.naturalWidth, tex.image.naturalHeight]; | ||
129 | // this.setResoloution( res ); | ||
130 | // } | ||
131 | technique.u_tex0.set( tex ); | ||
132 | } | ||
133 | } | ||
134 | } | ||
135 | |||
136 | this.update = function( time ) | ||
137 | { | ||
138 | var material = this._materialNode; | ||
139 | if (material) | ||
140 | { | ||
141 | var technique = material.shaderProgram.default; | ||
142 | var renderer = g_Engine.getContext().renderer; | ||
143 | if (renderer && technique) | ||
144 | { | ||
145 | if (this._shader && this._shader.default) | ||
146 | this._shader.default.u_time.set( [this._time] ); | ||
147 | var color = this.getProperty( "color" ); | ||
148 | color[0] = this._time; | ||
149 | this.setProperty( "color", color ); | ||
150 | //console.log( "update color to: " + color ); | ||
151 | this._time += this._dTime; | ||
152 | } | ||
153 | } | ||
154 | } | ||
155 | |||
156 | this.setResolution = function( res ) | ||
157 | { | ||
158 | var material = this._materialNode; | ||
159 | if (material) | ||
160 | { | ||
161 | var technique = material.shaderProgram.default; | ||
162 | var renderer = g_Engine.getContext().renderer; | ||
163 | if (renderer && technique) | ||
164 | { | ||
165 | technique.u_resolution.set( res ); | ||
166 | } | ||
167 | } | ||
168 | } | ||
169 | |||
170 | this.export = function() | ||
171 | { | ||
172 | // every material needs the base type and instance name | ||
173 | var exportStr = "material: " + this.getShaderName() + "\n"; | ||
174 | exportStr += "name: " + this.getName() + "\n"; | ||
175 | |||
176 | // every material needs to terminate like this | ||
177 | exportStr += "endMaterial\n"; | ||
178 | |||
179 | return exportStr; | ||
180 | } | ||
181 | |||
182 | this.import = function( importStr ) | ||
183 | { | ||
184 | var pu = new ParseUtils( importStr ); | ||
185 | var material = pu.nextValue( "material: " ); | ||
186 | if (material != this.getShaderName()) throw new Error( "ill-formed material" ); | ||
187 | this.setName( pu.nextValue( "name: ") ); | ||
188 | |||
189 | var rtnStr; | ||
190 | |||
191 | return rtnStr; | ||
192 | } | ||
193 | } | ||
194 | |||
195 | /////////////////////////////////////////////////////////////////////////////////////// | ||
196 | // RDGE shader | ||
197 | |||
198 | // shader spec (can also be loaded from a .JSON file, or constructed at runtime) | ||
199 | var radialBlurMaterialDef = | ||
200 | {'shaders': | ||
201 | { | ||
202 | 'defaultVShader':"assets/shaders/Basic.vert.glsl", | ||
203 | 'defaultFShader':"assets/shaders/radialBlur.frag.glsl" | ||
204 | }, | ||
205 | 'techniques': | ||
206 |