/*
This file contains proprietary software owned by Motorola Mobility, Inc.
No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.
(c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved.
*/
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.setProperty = function (prop, value) {
if (prop == "color") prop = "ambientColor";
var valid = this.validateProperty(prop, value);
if (valid) {
this._propValues[prop] = value;
switch (prop) {
case "diffuseMap":
this.updateDiffuseMap();
break;
case "normalMap":
this.updateNormalMap();
break;
case "specularMap":
this.updateSpecularMap();
break;
case "environmentMap":
this.updateEnvironmentMap();
break;
case "environmentAmount":
this.updateEnvironmentAmount(value);
break;
case "specularPower":
this.updateSpecularPower(value);
break;
case "ambientColor":
this.updateAmbientColor(value);
break;
case "diffuseColor":
this.updateDiffuseColor(value);
break;
case "specularColor":
this.updateSpecularColor(value);
break;
}
}
};
this.hasProperty = function( prop )
{
if(prop === "color") return true;
var propNames = [], dummy = [];
this.getAllProperties( propNames, dummy, dummy, dummy )
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;
}