/* Copyright (c) 2012, Motorola Mobility LLC. All Rights Reserved. Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met: * Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. * Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution. * Neither the name of Motorola Mobility LLC nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission. THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. */ var MaterialParser = require("js/lib/rdge/materials/material-parser").MaterialParser; var Material = require("js/lib/rdge/materials/material").Material; var Texture = require("js/lib/rdge/texture").Texture; var UberMaterial = function UberMaterial() { /////////////////////////////////////////////////////////////////////// // Instance variables /////////////////////////////////////////////////////////////////////// this._name = "Uber"; this._shaderName = "uber"; this.getShaderName = function () { return this._shaderName; }; // set some default values this._ambientColor = [0.0, 0.0, 0.0, 1.0]; this._diffuseColor = [1.0, 1.0, 1.0, 1.0]; this._specularColor = [1.0, 1.0, 1.0, 1.0]; this._specularPower = 32.0; this._environmentAmount = 0.2; // 0 .. 1 // set the default maps this._diffuseMapOb = { 'texture' : 'assets/images/rocky-diffuse.jpg', 'wrap' : 'REPEAT' }; //this._diffuseMapOb = { 'texture' : 'texture', 'wrap' : 'REPEAT' }; this._normalMapOb = { 'texture': 'assets/images/rocky-normal.jpg', 'wrap': 'REPEAT' }; this._specularMapOb = { 'texture': 'assets/images/rocky-spec.jpg', 'wrap': 'REPEAT' }; this._environmentMapOb = { 'texture': 'assets/images/silver.png', 'wrap': 'CLAMP', 'envReflection': this._environmentAmount }; this._useDiffuseMap = true; this._useNormalMap = true; this._useSpecularMap = true; this._useEnvironmentMap = true; this._useLights = [true, true, true, true]; // these are the abstracted texture objects - defined where they are set this._diffuseTexture; this._MAX_LIGHTS = 4; // array textures indexed by shader uniform name this._glTextures = []; /////////////////////////////////////////////////////////////////////// // Material Property Accessors /////////////////////////////////////////////////////////////////////// this._propNames = ["ambientColor", "diffuseColor", "specularColor", "specularPower", "diffuseMap", "normalMap", "specularMap", "environmentMap", "environmentAmount"]; this._propLabels = ["Ambient Color", "Diffuse Color", "Specular Color", "Specular Power", "Texture Map", "Bump Map", "Specular Map", "Environment Map", "Environment Map Amount"]; this._propTypes = ["color", "color", "color", "float", "file", "file", "file", "file", "float"]; this._propValues = []; this._propValues[this._propNames[0]] = this._ambientColor.slice(0); this._propValues[this._propNames[1]] = this._diffuseColor.slice(0); this._propValues[this._propNames[2]] = this._specularColor.slice(0); this._propValues[this._propNames[3]] = this._specularPower; this._propValues[this._propNames[4]] = this._diffuseMapOb['texture']; this._propValues[this._propNames[5]] = this._normalMapOb['texture']; this._propValues[this._propNames[6]] = this._specularMapOb['texture']; this._propValues[this._propNames[7]] = this._environmentMapOb['texture']; this._propValues[this._propNames[8]] = this._environmentMapOb['envReflection']; this.resetToDefault = function() { this._propValues[this._propNames[0]] = this._ambientColor.slice(0); this._propValues[this._propNames[1]] = this._diffuseColor.slice(0); this._propValues[this._propNames[2]] = this._specularColor.slice(0); this._propValues[this._propNames[3]] = this._specularPower; this._propValues[this._propNames[4]] = this._diffuseMapOb['texture']; this._propValues[this._propNames[5]] = this._normalMapOb['texture']; this._propValues[this._propNames[6]] = this._specularMapOb['texture']; this._propValues[this._propNames[7]] = this._environmentMapOb['texture']; this._propValues[this._propNames[8]] = this._environmentMapOb['envReflection']; var nProps = this._propNames.length; for (var i=0; i 0) { this._ubershaderCaps.lighting = { 'light0': this._lights[0], 'light1': this._lights[1], 'light2': this._lights[2], 'light3': this._lights[3] } } } var diffuseMap = jObj['diffuseMap']; if (diffuseMap) { this.setProperty("diffuseMap", diffuseMap); } var normalMap = jObj['normalMap']; if (normalMap) { this.setProperty("normalMap", normalMap); } var specularMap = jObj['specularMap']; if (specularMap) { this.setProperty("specularMap", specularMap); } var environmentMap = jObj['environmentMap']; if (environmentMap) { this.setProperty("environmentMap", environmentMap); this.setProperty("environmentAmount", jObj['environmentAmount']); } this.rebuildShader(); }; this.exportJSON = function () { // every material needs the base type and instance name var caps = this._ubershaderCaps; var jObj = { 'material': this.getShaderName(), 'name': this.getName() }; // export the material properties if (typeof caps.material != 'undefined') { jObj.materialProps = { 'ambientColor': this._ambientColor, 'diffuseColor': this._diffuseColor, 'specularColor': this._specularColor, 'specularPower': this._specularPower }; } if (typeof caps.lighting != 'undefined') { var lightArray = []; for (var i = 0; i < this._MAX_LIGHTS; i++) { var light = caps.lighting["light" + i]; if (typeof light != "undefined") { var lightObj = {} lightObj['light' + i] = light.type; // output the light secific data if (light.type === 'directional') { lightObj['light' + i + 'Dir'] = light['direction']; } else if (light.type === 'spot') { lightObj['light' + i + 'Pos'] = light['position']; lightObj['light' + i + 'SpotInnerCutoff'] = light['spotInnerCutoff']; lightObj['light' + i + 'SpotOuterCutoff'] = light['spotOuterCutoff']; } else // light.type === 'point' { lightObj['light' + i + 'Pos'] = (light['position'] || [0, 0, 0]); lightObj['light' + i + 'Attenuation'] = (light['attenuation'] || [1, 0, 0]); } // common to all lights lightObj['light' + i + 'Color'] = (light['diffuseColor'] || [1, 1, 1, 1]); lightObj['light' + i + 'SpecularColor'] = (light['specularColor'] || [1, 1, 1, 1]); lightArray.push(lightObj); } } if (lightArray.length > 0) jObj.lights = lightArray; } if (typeof caps.diffuseMap != 'undefined') { jObj['diffuseMap'] = caps.diffuseMap.texture; } if (typeof caps.normalMap != 'undefined') { jObj['normalMap'] = caps.normalMap.texture; } if (typeof caps.specularMap != 'undefined') { jObj['specularMap'] = caps.specularMap.texture; } if (typeof caps.environmentMap != 'undefined') { jObj['environmentMap'] = caps.environmentMap.texture; jObj['environmentAmount'] = caps.environmentMap.envReflection; } return jObj; }; this.buildUberShader = function (caps) { var preproc = ""; var paramBlock = {}; paramBlock['u_uvMatrix'] = { 'type': 'mat4' }; if (typeof caps.material != 'undefined') { preproc += '#define MATERIAL\n'; paramBlock['u_ambientColor'] = { 'type': 'vec4' }; paramBlock['u_diffuseColor'] = { 'type': 'vec4' }; paramBlock['u_specularColor'] = { 'type': 'vec4' }; paramBlock['u_specularPower'] = { 'type': 'float' }; } if (typeof caps.lighting != 'undefined') { preproc += '#define LIGHTING\n'; preproc += '#define SPECULAR\n'; for (var i = 0; i < 4; ++i) { var light = caps.lighting['light' + i]; var t; if (typeof light != 'undefined') { switch (light.type) { case 'directional': t = 0; break; case 'point': t = 1; break; case 'spot': t = 2; break; } preproc += '#define LIGHT_' + i + ' ' + t + '\n'; preproc += '#define LIGHT_' + i + '_SPECULAR\n'; if (t == 0 || t == 2) { paramBlock['u_light' + i + 'Dir'] = { 'type': 'vec3' }; } if (t == 2) { paramBlock['u_light' + i + 'Spot'] = { 'type': 'vec2' }; } paramBlock['u_light' + i + 'Pos'] = { 'type': 'vec3' }; paramBlock['u_light' + i + 'Color'] = { 'type': 'vec4' }; paramBlock['u_light' + i + 'Atten'] = { 'type': 'vec3' }; paramBlock['u_light' + i + 'Specular'] = { 'type': 'vec4' }; } } } if (typeof caps.diffuseMap != 'undefined') { preproc += '#define DIFFUSE_MAP\n'; paramBlock['s_diffuseMap'] = { 'type': 'tex2d' }; } if (typeof caps.normalMap != 'undefined') { preproc += '#define NORMAL_MAP\n'; paramBlock['s_normalMap'] = { 'type': 'tex2d' }; } if (typeof caps.specularMap != 'undefined') { preproc += '#define SPECULAR_MAP\n'; paramBlock['s_specMap'] = { 'type': 'tex2d' }; } if (typeof caps.environmentMap != 'undefined') { preproc += '#define ENVIRONMENT_MAP\n'; paramBlock['s_envMap'] = { 'type': 'tex2d' }; paramBlock['u_envReflection'] = { 'type': 'float' }; } // load the shaders as text var uberVShader, uberFShader; var r = new XMLHttpRequest(); r.open('GET', "assets/shaders/ub_vshader.glsl", false); r.send(null); if (r.status == 200) { uberVShader = r.responseText; } r.open('GET', "assets/shaders/ub_fshader.glsl", false); r.send(null); if (r.status == 200) { uberFShader = r.responseText; } // prefix preprocessor settings var vshader = preproc + uberVShader; var fshader = preproc + uberFShader; // build output jshader var uberJShader = new RDGE.jshader(); uberJShader.def = { 'shaders': { 'defaultVShader': vshader, 'defaultFShader': fshader }, 'techniques': { 'defaultTechnique': [{ 'vshader': 'defaultVShader', 'fshader': 'defaultFShader', 'attributes': { 'a_pos': { 'type': 'vec3' }, 'a_normal': { 'type': 'vec3' }, 'a_texcoord': { 'type': 'vec2' } }, 'params': paramBlock, 'states': { 'depthEnable': true, 'blendEnable': false, 'culling': true, 'cullFace': "FRONT" } }] } }; // initialize the jshader try { uberJShader.init(); } catch (e) { console.log("error initializing the uber shader: " + e); } // initialize shader parameters var technique = uberJShader.defaultTechnique; if (typeof caps.material != 'undefined') { technique.u_ambientColor.set(caps.material.ambientColor); technique.u_diffuseColor.set(caps.material.diffuseColor); technique.u_specularColor.set(caps.material.specularColor); technique.u_specularPower.set([caps.material.specularPower]); } if (typeof caps.lighting != 'undefined') { for (i = 0; i < 4; ++i) { var light = caps.lighting["light" + i]; if (typeof light != "undefined") { if (light.type == 'directional') { paramBlock['u_light' + i + 'Dir'] = { 'type': 'vec3' }; technique['u_light' + i + 'Dir'].set(light['direction'] || [0, 0, 1]); } else if (light.type == 'spot') { paramBlock['u_light' + i + 'Spot'] = { 'type': 'vec2' }; technique['u_light' + i + 'Pos'].set(light['position'] || [0, 0, 0]); var deg2Rad = Math.PI / 180; technique['u_light' + i + 'Spot'].set([Math.cos((light['spotInnerCutoff'] || 45.0) * deg2Rad), Math.cos((light['spotOuterCutoff'] || 90.0) * deg2Rad)]); technique['u_light' + i + 'Atten'].set(light['attenuation'] || [1, 0, 0]); } else { technique['u_light' + i + 'Pos'].set(light['position'] || [0, 0, 0]); technique['u_light' + i + 'Atten'].set(light['attenuation'] || [1, 0, 0]); } technique['u_light' + i + 'Color'].set(light['diffuseColor'] || [1, 1, 1, 1]); technique['u_light' + i + 'Specular'].set(light['specularColor'] || [1, 1, 1, 1]); } } } technique.u_uvMatrix.set(caps.uvTransform || RDGE.mat4.identity()); var renderer = RDGE.globals.engine.getContext().renderer; if (this._useDiffuseMap) { this._diffuseTexture = new Texture( this.getWorld(), caps.diffuseMap.texture, caps.diffuseMap.wrap, caps.diffuseMap.mips ); var tex = this._diffuseTexture.getTexture(); technique.s_diffuseMap.set( tex ); } if (this._useNormalMap) { var tex = renderer.getTextureByName(caps.normalMap.texture, caps.normalMap.wrap, caps.normalMap.mips); this.registerTexture(tex); technique.s_normalMap.set(tex); } if (this._useSpecularMap) { var tex = renderer.getTextureByName(caps.specularMap.texture, caps.specularMap.wrap); this.registerTexture(tex); technique.s_specMap.set(tex); } if (this._useEnvironmentMap) { var tex = renderer.getTextureByName(caps.environmentMap.texture, caps.environmentMap.wrap); this.registerTexture(tex); technique.s_envMap.set(tex); technique.u_envReflection.set([caps.environmentMap.envReflection || 1.0]); } return uberJShader; }; this.rebuildShader = function () { this._ubershaderCaps['material']['ambientColor'] = this._ambientColor; this._ubershaderCaps['material']['diffuseColor'] = this._diffuseColor; this._ubershaderCaps['material']['specularColor'] = this._specularColor; this._ubershaderCaps['material']['specularPower'] = this._specularPower; var useDiffuse = this._useDiffuseMap; if (!useDiffuse) { if (typeof this._ubershaderCaps['diffuseMap'] != 'undefined') { delete this._ubershaderCaps['diffuseMap']; } } else { this._ubershaderCaps['diffuseMap'] = this._diffuseMapOb; } var useNormal = this._useNormalMap; if (!useNormal) { if (typeof this._ubershaderCaps['normalMap'] != 'undefined') { delete this._ubershaderCaps['normalMap']; } } else { this._ubershaderCaps['normalMap'] = this._normalMapOb; } var useSpecular = this._useSpecularMap; if (!useSpecular) { if (typeof this._ubershaderCaps['specularMap'] != 'undefined') { delete this._ubershaderCaps['specularMap']; } } else { this._ubershaderCaps['specularMap'] = this._specularMapOb; } var useEnvironment = this._useEnvironmentMap; if (!useEnvironment) { if (typeof this._ubershaderCaps['environmentMap'] != 'undefined') { delete this._ubershaderCaps['environmentMap']; } } else { this._ubershaderCaps['environmentMap'] = this._environmentMapOb; } for (i = 0; i < 4; ++i) { var useLight = this._useLights[i]; if (!useLight) { if (typeof this._ubershaderCaps['lighting']['light' + i] != 'undefined') { delete this._ubershaderCaps['lighting']['light' + i]; } } else { this._ubershaderCaps['lighting']['light' + i] = this._lights[i]; } } var material = this._materialNode; if (material) { material.setShader( this.buildUberShader(this._ubershaderCaps) ); } }; }; UberMaterial.prototype = new Material(); if (typeof exports === "object") { exports.UberMaterial = UberMaterial; }