Added coffee version of bkcore.Utils and added rev53 of Three.js in libs.

bkcore.coffee/Utils.coffee

@@ -0,0 +1,185 @@
+###
+  Various useful methods
+  
+  @class bkcore.Utils
+  @author Thibaut 'BKcore' Despoulain <http://bkcore.com>
+###
+class Utils
+
+  ###
+    Creates a bkcore.threejs.Shaders["normalV"|"normal"] material
+    with given parameters
+  ###
+  @createNormalMaterial = (opts)->
+
+    opts ?= {}
+    opts.ambient ?= 0x444444
+    opts.normalScale ?= 1.0
+    opts.reflectivity ?= 0.9
+    opts.shininess ?= 42
+    opts.metal ?= false
+
+    shadername = if opts.perPixel then "normalV" else "normal"
+    shader = bkcore.threejs.Shaders[shadername]
+    uniforms = THREE.UniformsUtils.clone(shader.uniforms)
+
+    uniforms["enableDiffuse"].value = true
+    uniforms["enableSpecular"].value = true
+    uniforms["enableReflection"].value = !!opts.cube
+    uniforms["tNormal"].texture = opts.normal
+    uniforms["tDiffuse"].texture = opts.diffuse
+    uniforms["tSpecular"].texture = opts.specular
+    uniforms["uAmbientColor"].value.setHex(opts.ambient)
+    uniforms["uAmbientColor"].value.convertGammaToLinear()
+    uniforms["uNormalScale"].value = opts.normalScale
+
+    if opts.cube?
+      uniforms["tCube"].texture = opts.cube
+      uniforms["uReflectivity"].value = opts.reflectivity
+
+    parameters = {
+      fragmentShader: shader.fragmentShader
+      vertexShader: shader.vertexShader
+      uniforms: uniforms
+      lights: true
+      fog: false
+    }
+
+    material = new THREE.ShaderMaterial(parameters)
+    material.perPixel = true
+    material.metal = opts.metal
+
+    return material
+
+  ###
+    Projects an object origin vector to screen using given camera
+    @param  THREE.Object3D object The object which origin you want to project
+    @param  THREE.Camera camera The camera of the projection
+    @return THEE.Vector3 Projected verctor
+  ###
+  @projectOnScreen: (object, camera)->
+
+    mat = new THREE.Matrix4()
+    mat.multiply(camera.matrixWorldInverse, object.matrixWorld)
+    mat.multiply(camera.projectionMatrix , mat)
+
+    c = mat.n44
+    lPos = new THREE.Vector3(mat.n14/c, mat.n24/c, mat.n34/c)
+    return lPos.multiplyScalar(0.5).addScalar(0.5)
+
+  ###
+    Get an url parameter
+    @param  String name Parameter slug
+    @return Mixed
+  ###
+  @URLParameters: null
+  @getURLParameter: (name)->
+
+    if !@URLParameters?
+      @URLParameters = {}
+      window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, (m, key, val)=>
+        @URLParameters[key] = val
+      )
+
+    return @URLParameters[name]
+
+  ###
+    Get top offset of an element
+    @param obj HTMLElement
+  ###
+  @getOffsetTop: (obj)->
+
+    curtop = obj.offsetTop
+
+    if obj.offsetParent
+      while obj = obj.offsetParent
+        curtop += obj.offsetTop
+
+    return curtop
+
+  ###
+    Scrolls page to given element id
+    @param  string id The ID of the element
+  ###
+  @scrollTo: (id)->
+
+    window.scroll(0, @getOffsetTop(document.getElementById(id)))
+
+  ###
+    Add or remove a class from an element
+    @param  string id       [description]
+    @param  string cssclass [description]
+    @param  bool active   [description]
+  ###
+  @updateClass: (id, cssclass, active)->
+
+    e = document.getElementById(id)
+    return unless e?
+    
+    if active
+      e.classList.add(cssclass)
+    else
+      e.classList.remove(cssclass)
+
+  ###
+    Performs an XMLHttpRequest
+    @param  string   url      [description]
+    @param  bool   postData true = POST, false = GET
+    @param  {Function} callback [description]
+    @param  {Object}   data     [description]
+  ###
+  @request: (url, postData, callback, data)->
+
+    XMLHttpFactories = [
+      ()-> return new XMLHttpRequest()
+      ()-> return new ActiveXObject("Msxml2.XMLHTTP")
+      ()-> return new ActiveXObject("Msxml3.XMLHTTP")
+      ()-> return new ActiveXObject("Microsoft.XMLHTTP")
+    ]
+
+    createXMLHTTPObject = () ->
+
+      xmlhttp = false
+
+      for i in [0..XMLHttpFactories.length]
+        try
+          xmlhttp = XMLHttpFactories[i]()
+        catch e
+          continue
+        break
+
+      return xmlhttp
+
+    req = createXMLHTTPObject()
+    return unless req?
+    
+    method = if postData? then "POST" else "GET"
+
+    qdata = "o=bk"
+    if data?
+      for i, val of data
+        qdata += "&"+i+"="+val
+        url += "?"+qdata if postData?
+
+    req.open(method,url,true)
+
+    if postData?
+      req.setRequestHeader('Content-type','application/x-www-form-urlencoded')
+
+    req.onreadystatechange = () ->
+      return unless req.readyState is 4
+      return unless req.status is 200 or req.status is 304
+      callback?(req)
+
+    req.send(qdata)
+  
+    return req
+
+
+###
+  Exports
+  @package bkcore
+###
+exports = exports ? @
+exports.bkcore ||= {}
+exports.bkcore.Utils = Utils

bkcore.coffee/Utils.js

@@ -0,0 +1,240 @@
+// Generated by CoffeeScript 1.4.0
+
+/*
+  Various useful methods
+  
+  @class bkcore.Utils
+  @author Thibaut 'BKcore' Despoulain <http://bkcore.com>
+*/
+
+
+(function() {
+  var Utils, exports;
+
+  Utils = (function() {
+    /*
+        Creates a bkcore.threejs.Shaders["normalV"|"normal"] material
+        with given parameters
+    */
+
+    function Utils() {}
+
+    Utils.createNormalMaterial = function(opts) {
+      var material, parameters, shader, shadername, uniforms, _ref, _ref1, _ref2, _ref3, _ref4;
+      if (opts == null) {
+        opts = {};
+      }
+      if ((_ref = opts.ambient) == null) {
+        opts.ambient = 0x444444;
+      }
+      if ((_ref1 = opts.normalScale) == null) {
+        opts.normalScale = 1.0;
+      }
+      if ((_ref2 = opts.reflectivity) == null) {
+        opts.reflectivity = 0.9;
+      }
+      if ((_ref3 = opts.shininess) == null) {
+        opts.shininess = 42;
+      }
+      if ((_ref4 = opts.metal) == null) {
+        opts.metal = false;
+      }
+      shadername = opts.perPixel ? "normalV" : "normal";
+      shader = bkcore.threejs.Shaders[shadername];
+      uniforms = THREE.UniformsUtils.clone(shader.uniforms);
+      uniforms["enableDiffuse"].value = true;
+      uniforms["enableSpecular"].value = true;
+      uniforms["enableReflection"].value = !!opts.cube;
+      uniforms["tNormal"].texture = opts.normal;
+      uniforms["tDiffuse"].texture = opts.diffuse;
+      uniforms["tSpecular"].texture = opts.specular;
+      uniforms["uAmbientColor"].value.setHex(opts.ambient);
+      uniforms["uAmbientColor"].value.convertGammaToLinear();
+      uniforms["uNormalScale"].value = opts.normalScale;
+      if (opts.cube != null) {
+        uniforms["tCube"].texture = opts.cube;
+        uniforms["uReflectivity"].value = opts.reflectivity;
+      }
+      parameters = {
+        fragmentShader: shader.fragmentShader,
+        vertexShader: shader.vertexShader,
+        uniforms: uniforms,
+        lights: true,
+        fog: false
+      };
+      material = new THREE.ShaderMaterial(parameters);
+      material.perPixel = true;
+      material.metal = opts.metal;
+      return material;
+    };
+
+    /*
+        Projects an object origin vector to screen using given camera
+        @param  THREE.Object3D object The object which origin you want to project
+        @param  THREE.Camera camera The camera of the projection
+        @return THEE.Vector3 Projected verctor
+    */
+
+
+    Utils.projectOnScreen = function(object, camera) {
+      var c, lPos, mat;
+      mat = new THREE.Matrix4();
+      mat.multiply(camera.matrixWorldInverse, object.matrixWorld);
+      mat.multiply(camera.projectionMatrix, mat);
+      c = mat.n44;
+      lPos = new THREE.Vector3(mat.n14 / c, mat.n24 / c, mat.n34 / c);
+      return lPos.multiplyScalar(0.5).addScalar(0.5);
+    };
+
+    /*
+        Get an url parameter
+        @param  String name Parameter slug
+        @return Mixed
+    */
+
+
+    Utils.URLParameters = null;
+
+    Utils.getURLParameter = function(name) {
+      var _this = this;
+      if (!(this.URLParameters != null)) {
+        this.URLParameters = {};
+        window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m, key, val) {
+          return _this.URLParameters[key] = val;
+        });
+      }
+      return this.URLParameters[name];
+    };
+
+    /*
+        Get top offset of an element
+        @param obj HTMLElement
+    */
+
+
+    Utils.getOffsetTop = function(obj) {
+      var curtop;
+      curtop = obj.offsetTop;
+      if (obj.offsetParent) {
+        while (obj = obj.offsetParent) {
+          curtop += obj.offsetTop;
+        }
+      }
+      return curtop;
+    };
+
+    /*
+        Scrolls page to given element id
+        @param  string id The ID of the element
+    */
+
+
+    Utils.scrollTo = function(id) {
+      return window.scroll(0, this.getOffsetTop(document.getElementById(id)));
+    };
+
+    /*
+        Add or remove a class from an element
+        @param  string id       [description]
+        @param  string cssclass [description]
+        @param  bool active   [description]
+    */
+
+
+    Utils.updateClass = function(id, cssclass, active) {
+      var e;
+      e = document.getElementById(id);
+      if (e == null) {
+        return;
+      }
+      if (active) {
+        return e.classList.add(cssclass);
+      } else {
+        return e.classList.remove(cssclass);
+      }
+    };
+
+    /*
+        Performs an XMLHttpRequest
+        @param  string   url      [description]
+        @param  bool   postData true = POST, false = GET
+        @param  {Function} callback [description]
+        @param  {Object}   data     [description]
+    */
+
+
+    Utils.request = function(url, postData, callback, data) {
+      var XMLHttpFactories, createXMLHTTPObject, i, method, qdata, req, val;
+      XMLHttpFactories = [
+        function() {
+          return new XMLHttpRequest();
+        }, function() {
+          return new ActiveXObject("Msxml2.XMLHTTP");
+        }, function() {
+          return new ActiveXObject("Msxml3.XMLHTTP");
+        }, function() {
+          return new ActiveXObject("Microsoft.XMLHTTP");
+        }
+      ];
+      createXMLHTTPObject = function() {
+        var i, xmlhttp, _i, _ref;
+        xmlhttp = false;
+        for (i = _i = 0, _ref = XMLHttpFactories.length; 0 <= _ref ? _i <= _ref : _i >= _ref; i = 0 <= _ref ? ++_i : --_i) {
+          try {
+            xmlhttp = XMLHttpFactories[i]();
+          } catch (e) {
+            continue;
+          }
+          break;
+        }
+        return xmlhttp;
+      };
+      req = createXMLHTTPObject();
+      if (req == null) {
+        return;
+      }
+      method = postData != null ? "POST" : "GET";
+      qdata = "o=bk";
+      if (data != null) {
+        for (i in data) {
+          val = data[i];
+          qdata += "&" + i + "=" + val;
+          if (postData != null) {
+            url += "?" + qdata;
+          }
+        }
+      }
+      req.open(method, url, true);
+      if (postData != null) {
+        req.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
+      }
+      req.onreadystatechange = function() {
+        if (req.readyState !== 4) {
+          return;
+        }
+        if (!(req.status === 200 || req.status === 304)) {
+          return;
+        }
+        return typeof callback === "function" ? callback(req) : void 0;
+      };
+      req.send(qdata);
+      return req;
+    };
+
+    return Utils;
+
+  })();
+
+  /*
+    Exports
+    @package bkcore
+  */
+
+
+  exports = exports != null ? exports : this;
+
+  exports.bkcore || (exports.bkcore = {});
+
+  exports.bkcore.Utils = Utils;
+
+}).call(this);