Source: stage/buffer/BufferMulti.js

  1. /**
  2.  * Creates buffer and sets up shaders for an object3D
  3.  * @param {Object} gl
  4.  * @param {Ayce.Object3D} object3D
  5.  * @param {Ayce.LightContainer} lightContainer
  6.  * @class
  7.  * @constructor
  8.  */
  9. Ayce.BufferMulti = function (gl, object3D, lightContainer) {
  10.     if (!object3D instanceof Ayce.Object3D) throw "Can't create buffers for " + object3D;
  12.     var modelViewMatrix = new Ayce.Matrix4();
  13.     modelViewMatrix.transposeUniform = false;
  14.     //VR 
  15.     var leftMatrix = new Ayce.Matrix4();
  16.     var rightMatrix = new Ayce.Matrix4();
  17.     var leftNormalMatrix = new Ayce.Matrix3();
  18.     var rightNormalMatrix = new Ayce.Matrix3();
  19.     var leftPerspektive = null;
  20.     var rightPerspektive = null;
  23.     var VALUES_PER_POSITION = 3;
  24.     var VALUES_PER_NORMAL = 3;
  25.     var VALUES_PER_TEXTURE_COORD = 2;
  26.     var VALUES_PER_TEXTURE_INDEX = 1;
  27.     var VALUES_PER_COLOR = 4;
  29.     var useLighting = Boolean(object3D.normals) && lightContainer.lightsCount > 0;
  30.     var useNormals = Boolean(object3D.normals) && (useLighting || object3D.shader);
  31.     var textureCount = Array.isArray(object3D.imageSrc) ? object3D.imageSrc.length : 1;
  32.     var useWireframe = object3D.isWireframe;
  33.     this.transparent = object3D.transparent;
  34.     var isParticleSystem = Boolean(object3D.geometries && object3D.velocities && object3D.rotationAngles && object3D.lifetimes && object3D.gravities && object3D.gravityExps);
  36.     //Shader Attributes
  37.     //[attributeName, valueLength, array]
  38.     var attributes = [];
  39.     attributes.push(["aVertexPosition", VALUES_PER_POSITION, object3D.vertices]);
  40.     if(object3D.textureCoords && object3D.imageSrc)  attributes.push(["aTextureCoord", VALUES_PER_TEXTURE_COORD, object3D.textureCoords]);
  41.     if(object3D.textureCoords && object3D.imageSrc && object3D.textureIndices && textureCount > 1) attributes.push(["aTextureIndex", VALUES_PER_TEXTURE_INDEX, object3D.textureIndices]);
  42.     if(object3D.colors)attributes.push(["aVertexColor", VALUES_PER_COLOR, object3D.colors]);
  43.     if(useNormals)attributes.push(["aVertexNormal", VALUES_PER_NORMAL, object3D.normals]);
  44.     if(object3D.shaderAttributes)Array.prototype.push.apply(attributes, object3D.shaderAttributes);
  45.     
  46.     //Shader Uniforms
  47.     var pMatrixUniform = {
  48.         transposeUniform: false,
  49.         data: []
  50.     };
  51.     var timeObject = {
  52.         time: 0,
  53.         startTime: Date.now()
  54.     };
  56.     var uniformValues = {
  57.         useTexture: Boolean(object3D.textureCoords && object3D.imageSrc),
  58.         useLighting: useLighting,
  59.         useMultiTex: Boolean(object3D.textureIndices),
  60.         normalMatrix: new Ayce.Matrix3(),
  61.         useSpecularMap: Boolean(object3D.specularMap),
  62.         useNormalMap: Boolean(object3D.normalMap)
  63.     };
  65.     var uniforms = [];
  66.     //[uniformName, uniformType, valueObject, uniformArguments]
  67.     uniforms.push(["uPMatrix", "uniformMatrix4fv", pMatrixUniform, ["transposeUniform", "data"]]);
  68.     uniforms.push(["uMVMatrix", "uniformMatrix4fv", modelViewMatrix, ["transposeUniform", "data"]]);
  69.     if(useNormals){  
  70.         uniformValues.normalMatrix.transposeUniform = false;
  71.         uniforms.push(["uNMatrix", "uniformMatrix3fv", uniformValues.normalMatrix, ["transposeUniform", "data"]]);
  72.     }
  73.     if(useLighting){
  74.         uniforms.push(["uAmbientColor", "uniform3f", lightContainer.ambientLight, ["red", "green", "blue"]]);
  76.         uniforms.push(["uLightIndex", "uniform1f", lightContainer, ["lightsCount"]]);
  77.         uniforms.push(["uPointLightingLocations", "uniform3fv", lightContainer, ["locationsArray"]]);
  78.         uniforms.push(["uPointLightingColors", "uniform3fv", lightContainer, ["colorsArray"]]);
  79.         uniforms.push(["uSpecularColors", "uniform3fv", lightContainer, ["specColorsArray"]]);
  81.         uniforms.push(["uShininess", "uniform1f", object3D, ["shininess"]]);
  82.     }
  83.     if(isParticleSystem){
  84.         uniforms.push(["uTime", "uniform1f", timeObject, ["time"]]);
  85.     }
  86.     if(object3D.shaderUniforms)Array.prototype.push.apply(uniforms, object3D.shaderUniforms);
  89.     //Load Shader
  90.     var shaderVert = null;
  91.     var shaderFrag = null;
  92.     var shaderID = "";
  94.     if(object3D.shader){
  95. //        console.log("Loading Shader File: " + object3D.shader);
  96.         shaderVert = Ayce.XMLLoader.getSourceSynch(object3D.shader + ".vert");
  97.         shaderFrag = Ayce.XMLLoader.getSourceSynch(object3D.shader + ".frag");
  98.         shaderID = "A"+object3D.shader;
  99.         if(object3D.logVertexShader) console.log(shaderVert);
  100.         if(object3D.logFragmentShader) console.log(shaderFrag);
  101.     }else{
  102.         var shaderGenerator = new Ayce.ShaderGenerator();
  103.         
  104.         if(useLighting){
  105.             shaderGenerator.useVertexLighting = Boolean(object3D.normals && !object3D.useFragmentLighting);
  106.             shaderGenerator.lightsCount = lightContainer.lightsCount;
  107.             shaderGenerator.useFragmentLighting = Boolean(object3D.normals && object3D.useFragmentLighting);
  108.             shaderGenerator.useSpecularLighting = object3D.useSpecularLighting;
  109.         }
  110.         shaderGenerator.useNormals = useNormals;
  111.         shaderGenerator.useColor = Boolean(object3D.colors);
  112.         
  113.         shaderGenerator.texturesCount = Array.isArray(object3D.imageSrc) ? object3D.imageSrc.length : 1;
  114.         shaderGenerator.useTexture = Boolean(object3D.imageSrc && object3D.textureCoords);
  115.         shaderGenerator.useSpecularMap = Boolean(object3D.specularMap && object3D.useSpecularLighting);
  116.         shaderGenerator.useNormalMap = Boolean(object3D.normalMap);
  117.         
  118.         shaderGenerator.isParticleSystem = isParticleSystem;
  119.         
  120.         shaderGenerator.init();
  121.         shaderVert = shaderGenerator.vertexShader;
  122.         shaderFrag = shaderGenerator.fragmentShader;
  124.         shaderID = "B"+shaderGenerator.useNormals+shaderGenerator.lightsCount+shaderGenerator.texturesCount+
  125.             shaderGenerator.useVertexLighting+shaderGenerator.useFragmentLighting+
  126.             shaderGenerator.useTexture+shaderGenerator.useColor+shaderGenerator.useSpecularMap+
  127.             shaderGenerator.useNormalMap+shaderGenerator.isParticleSystem;
  129.         if(object3D.logVertexShader) console.log(shaderVert.replace(/;/g, ";\n").replace(/{/g, "{\n").replace(/}/g, "}\n"));
  130.         if(object3D.logFragmentShader) console.log(shaderFrag.replace(/;/g, ";\n").replace(/{/g, "{\n").replace(/}/g, "}\n"));
  131.     }
  133.     var shader = null;
  134.     if(gl.shaders[shaderID]){
  135.         shader = gl.shaders[shaderID];
  136.     }
  137.     else{
  138.         shader = new Ayce.Shader(gl, shaderVert, shaderFrag);
  139.         gl.shaders[shaderID] = shader;
  140.     }
  142.     //Create Buffer
  143.     var drawMode = useWireframe ? gl.LINES : undefined;
  144.     var buffer = new Ayce.Buffer(gl, object3D, shader, attributes, uniforms, drawMode);
  145.     if(object3D.twoFaceTransparency) {
  146.         var indices = object3D.indices;
  147.         indices = indices.slice().reverse().concat(indices);
  148.         buffer.indices = new Uint16Array(indices);
  149.     }
  150.     else{
  151.         buffer.indices = new Uint16Array(object3D.indices);
  152.     }
  153.     buffer.useTexture = Boolean(object3D.textureCoords && object3D.imageSrc);
  154.     buffer.useSpecularMap = Boolean(object3D.textureCoords && object3D.specularMap);
  155.     buffer.useNormalMap = Boolean(object3D.textureCoords && object3D.normalMap);
  156.     buffer.useTransparency = object3D.transparent;
  157.     buffer.texturesO3D = (Array.isArray(object3D.imageSrc)) ? object3D.imageSrc : [object3D.imageSrc];
  158.     buffer.isSkybox = Boolean(object3D.isSkybox);
  160.     buffer.init();
  162.     /*********************************************
  163.      *
  164.      *      Render function
  165.      *
  166.      *********************************************/
  168.     var copyMatrix = new Ayce.Matrix4();
  169.     /**
  170.      * Updates perspective Matrix
  171.      * @param {Ayce.Camera} camera
  172.      */
  173.     this.update = function (camera) {
  174.         //Create ModelViewMatrix
  175.         Ayce.Matrix4.prototype.copyToMatrix(object3D.modelMatrix, modelViewMatrix);
  176.         modelViewMatrix.apply(camera.getViewMatrix());
  177.         
  178.         Ayce.Matrix4.prototype.copyToMatrix(modelViewMatrix, copyMatrix);
  179.         copyMatrix.invert();
  180.         copyMatrix.transpose();
  181.         copyMatrix.getMatrix3(uniformValues.normalMatrix);
  183.         pMatrixUniform.data = camera.getPerspectiveMatrix().data;
  184.         timeObject = Date.now()-timeObject.startTime;
  186.         buffer.update();
  187.     };
  189.     /**
  190.      * Renders buffer
  191.      */
  192.     this.render = function(){
  193.         if(!object3D.visible)return;
  194.         buffer.render();
  195.     };
  197.     /**
  198.      * Updates VR perspective Matrices
  199.      * @param {Ayce.Camera} camera
  200.      */
  201.     this.updateVR = function(camera){
  202.         //Create ModelViewMatrix Left eye
  203.         Ayce.Matrix4.prototype.copyToMatrix(object3D.modelMatrix, leftMatrix);
  204.         leftMatrix.apply(camera.getViewMatrix("left"));
  206.         Ayce.Matrix4.prototype.copyToMatrix(leftMatrix, copyMatrix);
  207.         copyMatrix.invert();
  208.         copyMatrix.transpose();
  209.         copyMatrix.getMatrix3(leftNormalMatrix);
  211.         //Create ModelViewMatrix Right eye
  212.         Ayce.Matrix4.prototype.copyToMatrix(object3D.modelMatrix, rightMatrix);
  213.         rightMatrix.apply(camera.getViewMatrix("right"));
  215.         Ayce.Matrix4.prototype.copyToMatrix(rightMatrix, copyMatrix);
  216.         copyMatrix.invert();
  217.         copyMatrix.transpose();
  218.         copyMatrix.getMatrix3(rightNormalMatrix);
  220.         //Set Perspektive Matrix
  221.         leftPerspektive = camera.getPerspectiveMatrix("left");
  222.         rightPerspektive = camera.getPerspectiveMatrix("right");
  224.         //Update Buffer
  225.         buffer.update();
  226.     };
  228.     /**
  229.      * Renders VR buffers
  230.      * @param {String} eye
  231.      */
  232.     this.renderVR = function(eye){
  233.         if(!object3D.visible)return;
  234.         if(eye === "left"){
  235.             modelViewMatrix.data = leftMatrix.data;
  236.             uniformValues.normalMatrix.data = leftNormalMatrix.data;
  237.             pMatrixUniform.data = leftPerspektive.data;
  238.             lightContainer.locationsArray = lightContainer.locationsArrayLeftEye;
  239.         }
  240.         else if(eye === "right"){
  241.             modelViewMatrix.data = rightMatrix.data;
  242.             uniformValues.normalMatrix.data = rightNormalMatrix.data;
  243.             pMatrixUniform.data = rightPerspektive.data;
  244.             lightContainer.locationsArray = lightContainer.locationsArrayRightEye;
  245.         }
  246.         buffer.render();
  247.     };
  248.     
  249.     this.dispose = function(){
  250.         buffer.dispose();
  251.     };
  252. };
  254. Ayce.BufferMulti.prototype = {
  255.     
  256. };