Functional shader loader. Requires JQuery

shaderloader.js

var shadersHolder = { vertex: [], fragment: [] };
/**
 * Fancy schmancy functional loading of Shaders
 * @param  {Array} shaders Object array of shaders
 * @return {Jquery.Deferred}
 */
function loadShaders(shaders) {
  return $.when.apply($, $.map(shaders, function(shader) {
    var def = new $.Deferred();
    $.ajax({url:shader.path, dataType: 'text', complete: function(resp){
      (shader.type == 'vertex') ? shadersHolder.vertex.push(resp.responseText) : shadersHolder.fragment.push(resp.responseText);
      def.resolve();
    }});
    return def;
  })).promise();
}

// First we load our shaders and then init
// the scene
// init defined elsewhere
loadShaders([{path: './shaders/vertex.js', type:'vertex'}, {path: './shaders/frag.js', type:'fragment'}]).then(function(){
  init();
});