diff --git a/README.md b/README.md
index 78a5003..a43e66e 100644
--- a/README.md
+++ b/README.md
@@ -358,6 +358,7 @@ Axis
   tickScale: 10,     // Integer denoting the base for recursive division. 2 = binary, 10 = decimal
   arrow: true,       // Whether to include an arrow on the axis
   size: .07,         // Size of the arrow relative to the stage
+  formatter: null    // Function which takes index of axis label as argument, and returns text label
 })
 ```
 
@@ -422,6 +423,17 @@ Grid
 })
 ```
 
+Label
+```javascript
+.label({
+  position: [0, 0, 0], // location of label
+  text: 'hello',       // text to be displayed 
+  distance: 15,        // text sprite anchor point offset
+  facing: 1,           // which axis tangent direction the label should be facing towards
+  class_name: 'math'   // css class name to use for the labels (leave unset for default 'mathbox-labels')
+})
+```
+
 Surface
 ```javascript
 .surface({
@@ -455,6 +467,13 @@ Vector
 })
 ```
 
+Dependencies
+------------
+
+* vendor/ThreeBox.js -- https://github.com/unconed/ThreeBox.js (use commit tag ff838075a7bea4ba59719f845f466b9c4b2cbafe)
+* vendor/ThreeRTT.js -- https://github.com/unconed/ThreeRTT.js
+* vendor/ShaderGraph.js -- https://github.com/unconed/ShaderGraph.js 
+
 Contributions
 -------------
 
diff --git a/build.sh b/build.sh
index a5657c7..eb4e208 100755
--- a/build.sh
+++ b/build.sh
@@ -36,6 +36,7 @@ src/primitives/Vector.js
 src/primitives/Surface.js
 src/primitives/BezierSurface.js
 src/primitives/Platonic.js
+src/primitives/Label.js
 
 src/renderables/Renderable.js
 src/renderables/Mesh.js
diff --git a/build/MathBox-bundle.js b/build/MathBox-bundle.js
index d9695f6..b837808 100644
--- a/build/MathBox-bundle.js
+++ b/build/MathBox-bundle.js
@@ -40197,26 +40197,14 @@ ThreeBox.preload.html = function (file, name, callback) {
     var match;
 
     // Insert javascript directly
-    while (match = res.match(/^(<script\s*>|<script[^>]*type=['"]text\/javascript['"][^>]*>)([\s\S]+?)<\/script>$/m)) {
-      try {
-        /*
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.innerHTML = match[2];
-        document.body.appendChild(script);
-        */
-        eval('(function () {' + match[2] + '})()');
-      }
-      catch (e) {
-        console.error(e);
-        console.error('While evaluating: ' + match[2]);
-      }
-
-      res = res.replace(match[0], '');
+    if (match = res.match(/^<script[^>]*type=['"]text\/javascript['"][^>]*>([\s\S]+?)<\/script>$/m)) {
+      var script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.innerHTML = match[1];
+      document.body.appendChild(script);
     }
-
     // Insert HTML via div
-    if (res.replace(/\s*/g) != '') {
+    else {
       var div = document.createElement('div');
       div.innerHTML = res;
       document.body.appendChild(div);
@@ -40264,12 +40252,13 @@ ThreeBox.preload.audio = function (file, name, callback) {
 
 // Namespace
 window.ThreeRTT = window.ThreeRTT || {};
+ThreeRTT.World = function () {};
 
 // Fetch shader from <script> tag by id
 // or pass through string if not exists.
 ThreeRTT.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && elem.innerText || id;
 };
 
 // Simple loop helper
@@ -40280,7 +40269,7 @@ _.loop = function (n, callback) {
 // Fetch shader from <script> tag by id
 ThreeRTT.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && (elem.innerText || elem.textContent) || id;
 };
 // Check for a power of two.
 ThreeRTT.isPowerOfTwo = function (value) {
@@ -40329,9 +40318,7 @@ ThreeRTT.Stage = function (renderer, options) {
   options.camera.aspect = options.camera.aspect || (options.width / options.height);
 
   // Create internal scene and default camera.
-  this.scene = options.scene || new THREE.Scene();
   this.camera = ThreeRTT.Camera(options.camera);
-	this.scene.add(this.camera);
 
   // Create virtual render target, passthrough options.
   this.target = new ThreeRTT.RenderTarget(renderer, options);
@@ -40350,23 +40337,15 @@ ThreeRTT.Stage.prototype = {
   },
 
   reset: function () {
-    if (this.renderables) {
-      _.each(this.renderables, function (surface) {
-        this.scene.remove(surface);
-      }.bind(this));
-    }
-
+    this.scenes   = [];
     this.passes   = [];
-    this.renderables = [];
   },
 
   // Add object render pass
   paint: function (object, empty) {
 
     // Create root to hold all objects for this pass
-    var root = new THREE.Object3D();
-    root.frustumCulled = false;
-    root.visible = true;
+    var root = new THREE.Scene();
 
     // Create a surface to render the last frame
     if (!empty) {
@@ -40379,9 +40358,8 @@ ThreeRTT.Stage.prototype = {
     root.add(object);
 
     // Add root to scene and insert into pass list
-    this.scene.add(root);
+    this.scenes.push(root);
     this.passes.push(1);
-    this.renderables.push(root);
   },
 
   // Add iteration pass
@@ -40389,12 +40367,14 @@ ThreeRTT.Stage.prototype = {
 
     // Create a surface to render the pass with
     var surface = this._surface(material);
-    surface.visible = false;
+
+    // Create root to hold all objects for this pass
+    var root = new THREE.Scene();
+    root.add(surface);
 
     // Add surface to scene and insert into pass list
-    this.scene.add(surface);
+    this.scenes.push(root);
     this.passes.push(n);
-    this.renderables.push(surface);
 
     return this;
   },
@@ -40410,7 +40390,10 @@ ThreeRTT.Stage.prototype = {
   size: function (width, height) {
     width = Math.floor(width);
     height = Math.floor(height);
+
     this.camera.aspect = width / height;
+    this.camera.updateProjectionMatrix();
+
     this.target.size(width, height);
     return this;
   },
@@ -40429,17 +40412,10 @@ ThreeRTT.Stage.prototype = {
   render: function () {
 	  this.target.clear();
 
-    function toggle(object, value) {
-      object.visible = value;
-      _.each(object.children, function (object) { toggle(object, value); });
-    }
-
     _.each(this.passes, function (n, i) {
-      toggle(this.renderables[i], true);
-      _.loop(n, function (i) {
-        this.target.render(this.scene, this.camera);
+      _.loop(n, function (j) {
+        this.target.render(this.scenes[i], this.camera);
       }.bind(this));
-      toggle(this.renderables[i], false);
     }.bind(this));
 
     return this;
@@ -40455,7 +40431,8 @@ ThreeRTT.Stage.prototype = {
   destroy: function () {
     this.target.deallocate();
 
-    this.scene = null;
+    this.scenes = [];
+    this.passes = [];
     this.camera = null;
     this.target = null;
   },
@@ -40491,7 +40468,7 @@ ThreeRTT.Compose.prototype = new THREE.Object3D();
 // Handy Camera factory
 ThreeRTT.Camera = function (options) {
   // Camera passthrough
-  if (options.constructor instanceof THREE.Camera) return options;
+  if (options instanceof THREE.Camera) return options;
 
   // Defaults
   options = _.extend({
@@ -40609,10 +40586,10 @@ ThreeRTT.RenderTarget.prototype = {
 
   // Retrieve / change size
   size: function (width, height) {
-    if (width && height) {
+    if (width !== undefined && height !== undefined) {
       // Round floats to ints to help with half/quarter derived sizes.
-      this.width = width = Math.floor(width);
-      this.height = height = Math.floor(height);
+      this.width = width = Math.max(1, Math.floor(width));
+      this.height = height = Math.max(1, Math.floor(height));
 
       // Refresh/allocate targets.
       this.allocate();
@@ -40637,7 +40614,7 @@ ThreeRTT.RenderTarget.prototype = {
   deallocateTargets: function () {
     // Deallocate real targets that were used in rendering.
     _.each(this.targets || [], function (target) {
-      this.renderer.deallocateRenderTarget(target);
+      target.dispose();
     }.bind(this));
   },
 
@@ -40727,8 +40704,8 @@ ThreeRTT.RenderTarget.prototype = {
     var alpha = renderer.getClearAlpha();
 
     // Apple new clearing color
-    renderer.setClearColorHex(options.clearColor, options.clearAlpha);
-    renderer.clearTarget(this.write(), clear.color, clear.stencil, clear.depth);
+    renderer.setClearColor(options.clearColor, options.clearAlpha);
+    renderer.clearTarget(this.write(), clear.color, clear.depth, clear.stencil);
 
     // Reset state
     renderer.setClearColor(color, alpha);
@@ -40906,9 +40883,9 @@ ThreeRTT.FragmentMaterial = function (renderTargets, fragmentShader, textures, u
   return material;
 };
 /**
- * Specialized ShaderMaterial for downsampling a texture by a factor of 2 with anti-aliasing.
+ * Specialized ShaderMaterial for up/downsampling a texture by a factor of 2 with anti-aliasing.
  */
-ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+ThreeRTT.ScaleMaterial = function (renderTargetFrom, renderTargetTo, scale) {
   var uniforms = {};
 
   // Accept both Stage and RenderTarget classes
@@ -40933,8 +40910,8 @@ ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
         to = renderTargetTo;
 
     // Correction for odd downsample.
-    var dx = (to.width * 2) / from.width,
-        dy = (to.height * 2) / from.height;
+    var dx = (to.width * scale) / from.width,
+        dy = (to.height * scale) / from.height;
 
     var value = uniforms.sampleAlignment.value;
     value.x = dx;
@@ -40956,75 +40933,64 @@ ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
   material.blending = THREE.NoBlending;
 
   return material;
-};/**
+};
+
+/**
+ * Helper classes
+ */
+ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+  return new ThreeRTT.ScaleMaterial(renderTargetFrom, renderTargetTo, 2);
+}
+ThreeRTT.UpsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+  return new ThreeRTT.ScaleMaterial(renderTargetFrom, renderTargetTo, 0.5);
+}
+/**
  * Helper for making ShaderMaterials that raytrace in camera space per pixel.
  */
-ThreeRTT.RaytraceMaterial = function (renderTarget, fragmentShader, textures, uniforms) {
+ThreeRTT.RaytraceMaterial = function (renderTargets, camera, fragmentShader, textures, uniforms) {
 
-  // Autoname texture uniforms as texture1, texture2, ...
-  function textureName(j) {
-    return 'texture' + (j + 1);
-  }
-
-  // Allow for array of textures.
-  if (textures instanceof Array) {
-    var object = {};
-    _.each(textures, function (texture, j) {
-      // Autoname texture uniforms as texture1, texture2, ...
-      var key = textureName(j);
-      object[key] = texture;
-    });
-  }
-  // Allow passing single texture/object
-  else if (textures instanceof THREE.Texture
-        || textures instanceof ThreeRTT.World
-        || textures instanceof THREE.WebGLRenderTarget) {
-    textures = { texture1: textures };
+  // Accept one or more render targets as input for reading.
+  if (!(renderTargets instanceof Array)) {
+    renderTargets = [renderTargets];
   }
 
-  // Accept both Stage and RenderTarget classes
-  renderTarget = ThreeRTT.toTarget(renderTarget);
+  var material = new ThreeRTT.ShaderMaterial(
+                  renderTargets, 'raytrace-vertex-screen', fragmentShader, textures, uniforms);
 
   // Add camera uniforms.
-  uniforms = _.extend(uniforms || {}, {
-    cameraViewport: {
+  uniforms = _.extend(material.uniforms || {}, {
+    raytraceViewport: {
       type: 'v2',
-      value: new THREE.Vector2()//,
+      value: new THREE.Vector2(),
     },
-    cameraWorld: {
+    raytracePosition: {
+      type: 'v3',
+      value: new THREE.Vector3(),
+    },
+    raytraceMatrix: {
       type: 'm4',
-      value: new THREE.Matrix4()//,
-    }//,
-  });
-
-  // Make uniforms for input textures.
-  var i = 0;
-  _.each(textures || [], function (texture, key) {
-    uniforms[key] = {
-      type: 't',
-      value: i++,
-      texture: ThreeRTT.toTexture(texture)//,
-    };
+      value: new THREE.Matrix4(),
+    },
   });
 
   // Update camera uniforms on render.
-  renderTarget.on('render', function (scene, camera) {
+  var renderTarget = ThreeRTT.toTarget(renderTargets[0]);
+  var zero = new THREE.Vector3();
+  renderTarget.on('render', function (scene) {
     camera.updateMatrixWorld();
     if (camera.fov) {
       var tan = Math.tan(camera.fov * π / 360);
-      uniforms.cameraViewport.value.set(tan * camera.aspect, tan);
+      uniforms.raytraceViewport.value.set(tan * camera.aspect, tan);
     }
     if (camera.matrixWorld) {
-      uniforms.cameraWorld.value = camera.matrixWorld;
+      uniforms.raytraceMatrix.value.copy(camera.matrixWorld);
+      uniforms.raytraceMatrix.value.setPosition(zero);
+      uniforms.raytracePosition.value.getPositionFromMatrix(camera.matrixWorld);
     }
   });
 
   // Lookup shaders and build material
-  return new THREE.ShaderMaterial({
-    uniforms:       uniforms,
-    vertexShader:   ThreeRTT.getShader('generic-vertex-screen'),
-    fragmentShader: ThreeRTT.getShader(fragmentShader)//,
-  });
+  return material;
 };/**
  * Debug/testing helper that displays the given rendertargets in a grid
  */
@@ -41118,8 +41084,8 @@ ThreeRTT.World  = function (world, options) {
   this._stage = new ThreeRTT.Stage(this._renderer, options);
 
   // Expose scene and camera
-  this._scene  = this._stage.scene;
-  this._camera = this._stage.camera;
+  this._tScene  = this._stage.scene;
+  this._tCamera = this._stage.camera;
 
   // Add to RTT queue at specified order.
   this.queue = ThreeRTT.RenderQueue.bind(world);
@@ -41231,6 +41197,17 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
     return this;
   },
 
+  // Add a shader rendering pass
+  shader: function (vertexShader, fragmentShader, textures, uniforms) {
+    var material = vertexShader instanceof THREE.Material
+                 ? vertexShader
+                 : tQuery.createShaderMaterial(
+                    this, vertexShader, fragmentShader, textures, uniforms);
+
+    this._stage.fragment(material);
+    return this;
+  },
+
   // Add a fragment rendering pass
   fragment: function (fragmentShader, textures, uniforms) {
     var material = fragmentShader instanceof THREE.Material
@@ -41243,11 +41220,11 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
   },
 
   // Add a raytrace rendering pass
-  raytrace: function (fragmentShader, textures, uniforms) {
+  raytrace: function (camera, fragmentShader, textures, uniforms) {
     var material = fragmentShader instanceof THREE.Material
                  ? fragmentShader
                  : tQuery.createRaytraceMaterial(
-                    this, fragmentShader, textures, uniforms);
+                    this, camera, fragmentShader, textures, uniforms);
 
     this._stage.fragment(material);
     return this;
@@ -41272,6 +41249,25 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
     return this;
   },
 
+  // Add an upsample rendering pass
+  upsample: function (worldFrom) {
+    // Force this world to right size now if not autosizing
+    if (!worldFrom.autoSize()) {
+      var size = worldFrom.size();
+      this._options.width = size.width;
+      this._options.height = size.height;
+    }
+
+    // Force this world to right scale (will autosize)
+    var scale = worldFrom.scale();
+    this.scale(scale * 0.5);
+
+    var material = tQuery.createUpsampleMaterial(worldFrom, this);
+    this._stage.fragment(material);
+
+    return this;
+  },
+
   // Return the virtual texture for reading from this RTT stage.
   read: function (n) {
     return this._stage.read(n);
@@ -41391,7 +41387,7 @@ tQuery.World.registerInstance('rtt', function (options) {
 });
 
 /**
- * Add a surface showing a render-to-texture surface to this world.
+ * Add a surface composing a render-to-texture to the screen.
  */
 tQuery.World.registerInstance('compose', function (rtts, fragmentShader, textures, uniforms) {
   var compose = tQuery.createComposeRTT(rtts, fragmentShader, textures, uniforms);
@@ -41447,8 +41443,8 @@ tQuery.registerStatic('createFragmentMaterial', function (worlds, fragmentShader
 /**
  * Create a RaytraceMaterial.
  */
-tQuery.registerStatic('createRaytraceMaterial', function (world, fragmentShader, textures, uniforms) {
-  return new ThreeRTT.RaytraceMaterial(world, fragmentShader, textures, uniforms);
+tQuery.registerStatic('createRaytraceMaterial', function (world, camera, fragmentShader, textures, uniforms) {
+  return new ThreeRTT.RaytraceMaterial(world, camera, fragmentShader, textures, uniforms);
 });
 
 /**
@@ -41457,6 +41453,20 @@ tQuery.registerStatic('createRaytraceMaterial', function (world, fragmentShader,
 tQuery.registerStatic('createDownsampleMaterial', function (worldFrom, worldTo) {
   return new ThreeRTT.DownsampleMaterial(worldFrom, worldTo);
 });
+
+/**
+ * Create a UpsampleMaterial.
+ */
+tQuery.registerStatic('createUpsampleMaterial', function (worldFrom, worldTo) {
+  return new ThreeRTT.UpsampleMaterial(worldFrom, worldTo);
+});
+
+/**
+ * Create a ScaleMaterial.
+ */
+tQuery.registerStatic('createScaleMaterial', function (worldFrom, worldTo, scale) {
+  return new ThreeRTT.DownsampleMaterial(worldFrom, worldTo, scale);
+});
 /**
  * ShaderGraph.js. Assemble GLSL shaders on the fly.
  */
@@ -41476,7 +41486,7 @@ window.ShaderGraph = {};
 // Fetch shader from <script> tag by id
 ShaderGraph.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && (elem.innerText || elem.textContent) || id;
 };(function ($) {
 
 /**
@@ -41512,8 +41522,21 @@ $.Block.prototype = {
   },
 
   fetch: function (program, phase, outlet, priority) {
-    // add outlet code to program
-  }//,
+    // Add outlet output code to program
+  },
+
+  id: function (program, phase, outlet, priority) {
+    // Lookup inouts further up the chain
+    if (outlet.meta.inout) {
+      var input = outlet.node.get(outlet.name, $.IN).input;
+      if (input) {
+        return input.node.owner().fetch(program, phase, input, priority + 1);
+      }
+    }
+
+    // Use this outlet's ID as intermediate variable name
+    return outlet.id();
+  },
 
 };
 
@@ -41538,13 +41561,14 @@ $.Block.Snippet.prototype = _.extend({}, $.Block.prototype, {
     if (!program.include(this, phase)) {
       this.insert(program, phase, priority);
     }
+
     // Use this outlet's ID as intermediate variable name.
-    return outlet.id();
+    return this.id(program, phase, outlet, priority);
   },
 
   outlets: function () {
     return $.Block.Snippet.makeOutlets(this.snippet);
-  }//,
+  },
 
 });
 
@@ -41592,7 +41616,7 @@ $.Block.Material.prototype = _.extend({}, $.Block.prototype, {
     }
 
     // Use this outlet's ID as intermediate variable name.
-    return outlet.id();
+    return this.id(program, phase, outlet, priority);
   },
 
   outlets: function () {
@@ -41600,7 +41624,7 @@ $.Block.Material.prototype = _.extend({}, $.Block.prototype, {
     var fragment = $.Block.Snippet.makeOutlets(this.fragment);
 
     return _.union(vertex, fragment);
-  }//,
+  },
 
 });
 
@@ -41618,13 +41642,27 @@ $.Block.Snippet.makeOutlets = function (snippet) {
   var args = snippet.arguments();
 
   _.each(args.parameters, function (arg) {
+    // Strip in/out suffix and set meta data
+    arg = _.extend({}, arg);
     arg.meta = { required: true };
     arg.hint = arg.name.replace(/(In|Out)$/, '');
     arg.category = 'parameter';
+
+    // Split inout args into two separate outlets
+    if (arg.inout == $.INOUT) {
+      arg.meta.inout = true;
+
+      var input = _.extend({}, arg);
+      input.inout = $.IN;
+      outlets.push(input);
+
+      arg.inout = $.OUT;
+    }
     outlets.push(arg);
   });
 
   _.each(args.uniforms, function (arg) {
+    // Strip in/out suffix and set meta data
     arg.meta = { };
     arg.hint = arg.name.replace(/(In|Out)$/, '');
     arg.category = 'uniform';
@@ -41646,8 +41684,12 @@ $.Block.Snippet.compileCall = function (program, phase, node, snippet, priority)
 
   // Assign intermediate variables.
   _.each(signature.parameters, function (arg) {
-    var outlet = node.get(arg.name);
-    if (arg.inout == $.IN) {
+
+    var fetch = arg.inout == $.INOUT ? $.IN : arg.inout;
+    var outlet = node.get(arg.name, fetch);
+
+    // Fetch code to calculate this input
+    if (arg.inout == $.IN || arg.inout == $.INOUT) {
       if (outlet.input) {
         var owner = outlet.input.node.owner();
 
@@ -41656,10 +41698,12 @@ $.Block.Snippet.compileCall = function (program, phase, node, snippet, priority)
         args.push(variable);
       }
       else {
-        console.log('Outlet', arg, outlet);
+        console.log('Outlet', arg, input);
         throw ["Missing connection on outlet for " + arg.name];
       }
     }
+
+    // Add output to call arguments
     else if (arg.inout == $.OUT) {
       var variable = outlet.id();
       program.variable(phase, variable, arg);
@@ -41784,6 +41828,15 @@ $.Factory.prototype = {
     return this;
   },
 
+  pass: function () {
+    this.next();
+
+    var sub = this.stack[0];
+    sub.start.push(null);
+
+    return this.combine();
+  },
+
   next: function () {
     var sub = this.stack.shift();
     var main = this.stack[0];
@@ -41805,12 +41858,19 @@ $.Factory.prototype = {
     var sub = this.stack.shift(),
         main = this.stack[0];
 
-    _.each(sub.start, function (to) {
-      _.each(main.end, function (from) {
-        from.connect(to, true);
+    if (sub.start.length) {
+      _.each(sub.start, function (to) {
+        // Passthrough all outlets to other side
+        if (!to) {
+          sub.end = sub.end.concat(main.end);
+        }
+        // Normal destination
+        else _.each(main.end, function (from) {
+          from.connect(to, true);
+        });
       });
-    });
-    main.end = sub.end;
+      main.end = sub.end;
+    }
 
     return this;
   },
@@ -42516,7 +42576,7 @@ $.Outlet = function (inout, name, hint, type, category, exposed, meta) {
   // Object constructor syntax
   if (typeof inout == 'object') {
     var object = inout;
-    return new $.Outlet(object.inout, object.name, object.hint, object.type, object.category, object.exposed);
+    return new $.Outlet(object.inout, object.name, object.hint, object.type, object.category, object.exposed, object.meta);
   }
 
   this.node     = null;
@@ -46255,6 +46315,93 @@ MathBox.Platonic.prototype = _.extend(new MathBox.Primitive(null), {
 });
 
 MathBox.Primitive.types.platonic = MathBox.Platonic;
+/**
+ * Text label at specified position
+ */
+MathBox.Label = function (options) {
+  // Allow inheritance constructor
+  if (options === null) return;
+
+  MathBox.Primitive.call(this, options);
+};
+
+MathBox.Label.prototype = _.extend(new MathBox.Primitive(null), {
+
+  defaults: function () {
+    return {
+      position: null,
+      facing: 1,
+      distance: 15,
+      expression: function () { return 0; },
+      style: {
+        color: new THREE.Color(0x707070),
+      },
+      class_name: 'mathbox-labels',	// allow user to change css class of labels div
+      text: ""
+    };
+  },
+
+  renderables: function () {
+    return [ this.labels ];
+  },
+
+  type: function () {
+    return 'label';
+  },
+
+  adjust: function (viewport, camera) {
+    var options = this.get(),
+    // Axis vector direction for labels
+    p = [0, 0, 0];
+
+    p[options.facing] = 1;
+
+    var labelTangent = this.labelTangent;
+    labelTangent.set.apply(labelTangent, p);
+
+    var position = options.position;
+    var labelPoint = this.labelPoint;
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+
+    this.labels.show(true);
+  },
+
+  make: function () {
+    var options = this.get(),
+      position = options.position,
+      text = options.text,
+      distance = options.distance,
+      class_name = options.class_name,
+      style = this.style,
+      labelTangent = this.labelTangent = new THREE.Vector3(),
+      labelPoint  = this.labelPoint = new THREE.Vector3();
+
+    var labelOptions = { dynamic: true, distance: distance, class_name: class_name };
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+    // labelPoint.set.apply(labelPoint, position);
+    // label text callback
+    var callback = function (i) {
+      return text;
+    }.bind(this);
+    
+    this.labels = new MathBox.Renderable.Labels([labelPoint], labelTangent, callback, labelOptions, style);
+  },
+
+});
+
+MathBox.Label.validateArgs = function (options) {
+  return options;
+};
+
+MathBox.Primitive.types.label = MathBox.Label;
 MathBox.Renderable = function (options, style) {
   // Allow inheritance constructor
   if (options === null) return;
@@ -46704,7 +46851,8 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     return {
       absolute: true,
       distance: 15,
-      size: 1//,
+      size: 1,
+      class_name: 'mathbox-labels' //,
     };
   },
 
@@ -46713,6 +46861,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
         points = this.points,
         tangent = this.tangent,
         sprites = this.sprites,
+        class_name = options.class_name,
         n = this.points.length;
 
     // Reusable vector for later.
@@ -46721,7 +46870,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     // Make parent object to hold all the label divs in one Object3D.
     var element = document.createElement('div');
     var object = this.object = new MathBox.Sprite(element);
-    element.className = 'mathbox-labels';
+    element.className = class_name;
 
     // Make sprites for all labels
     _.loop(n, function (i) {
@@ -46734,7 +46883,9 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
       var sprite = new MathBox.Sprite(element, tangent);
 
       // Position at anchor point
-      element.className = 'mathbox-label';
+      if (class_name == "mathbox-labels"){
+	  element.className = 'mathbox-label';
+      }
       inner.className = 'mathbox-wrap';
       inner.style.position = 'relative';
       inner.style.display = 'inline-block';
diff --git a/build/MathBox-bundle.min.js b/build/MathBox-bundle.min.js
index 95d3d45..f028c44 100644
--- a/build/MathBox-bundle.min.js
+++ b/build/MathBox-bundle.min.js
@@ -1010,8 +1010,8 @@ m.attrFn&&(m.attrFn[b]=!0);ta.test(b)&&(m.event.fixHooks[b]=m.event.keyHooks);ma
 9!==b.nodeType)return[];if(!a||"string"!=typeof a)return c;var h,k,l,m,q,s,t=!0,Va=r.isXML(b),w=[],y=a;do if(d.exec(""),h=d.exec(y))if(y=h[3],w.push(h[1]),h[2]){m=h[3];break}while(h);if(1<w.length&&v.exec(a))if(2===w.length&&u.relative[w[0]])k=B(w[0]+w[1],b,e);else for(k=u.relative[w[0]]?[b]:r(w.shift(),b);w.length;)a=w.shift(),u.relative[a]&&(a+=w.shift()),k=B(a,k,e);else if(!e&&1<w.length&&9===b.nodeType&&!Va&&u.match.ID.test(w[0])&&!u.match.ID.test(w[w.length-1])&&(q=r.find(w.shift(),b,Va),b=q.expr?
 r.filter(q.expr,q.set)[0]:q.set[0]),b)for(q=e?{expr:w.pop(),set:x(e)}:r.find(w.pop(),1!==w.length||"~"!==w[0]&&"+"!==w[0]||!b.parentNode?b:b.parentNode,Va),k=q.expr?r.filter(q.expr,q.set):q.set,0<w.length?l=x(k):t=!1;w.length;)h=s=w.pop(),u.relative[s]?h=w.pop():s="",null==h&&(h=b),u.relative[s](l,h,Va);else l=[];l||(l=k);l||r.error(s||a);if("[object Array]"===g.call(l))if(t)if(b&&1===b.nodeType)for(a=0;null!=l[a];a++)l[a]&&(!0===l[a]||1===l[a].nodeType&&r.contains(b,l[a]))&&c.push(k[a]);else for(a=
 0;null!=l[a];a++)l[a]&&1===l[a].nodeType&&c.push(k[a]);else c.push.apply(c,l);else x(l,c);m&&(r(m,f,c,e),r.uniqueSort(c));return c};r.uniqueSort=function(a){if(A&&(h=k,a.sort(A),h))for(var b=1;b<a.length;b++)a[b]===a[b-1]&&a.splice(b--,1);return a};r.matches=function(a,b){return r(a,null,null,b)};r.matchesSelector=function(a,b){return 0<r(b,null,null,[a]).length};r.find=function(a,b,c){var d,e,f,g,h,k;if(!a)return[];e=0;for(f=u.order.length;e<f;e++)if(h=u.order[e],g=u.leftMatch[h].exec(a))if(k=g[1],
-g.splice(1,1),"\\"!==k.substr(k.length-1)&&(g[1]=(g[1]||"").replace(l,""),d=u.find[h](g,b,c),null!=d)){a=a.replace(u.match[h],"");break}d||(d="undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName("*"):[]);return{set:d,expr:a}};r.filter=function(a,c,d,e){for(var f,g,h,k,l,m,q,s,t=a,Va=[],v=c,w=c&&c[0]&&r.isXML(c[0]);a&&c.length;){for(h in u.filter)if(null!=(f=u.leftMatch[h].exec(a))&&f[2]&&(m=u.filter[h],l=f[1],g=!1,f.splice(1,1),"\\"!==l.substr(l.length-1))){v===Va&&(Va=[]);if(u.preFilter[h])if(f=
-u.preFilter[h](f,v,d,Va,e,w),!f)g=k=!0;else if(!0===f)continue;if(f)for(q=0;null!=(l=v[q]);q++)l&&(k=m(l,f,q,v),s=e^k,d&&null!=k?s?g=!0:v[q]=!1:s&&(Va.push(l),g=!0));if(k!==b){d||(v=Va);a=a.replace(u.match[h],"");if(!g)return[];break}}if(a===t)if(null==g)r.error(a);else break;t=a}return v};r.error=function(a){throw Error("Syntax error, unrecognized expression: "+a);};var t=r.getText=function(a){var b,c;b=a.nodeType;var d="";if(b)if(1===b||9===b||11===b){if("string"==typeof a.textContent)return a.textContent;
+g.splice(1,1),"\\"!==k.substr(k.length-1)&&(g[1]=(g[1]||"").replace(l,""),d=u.find[h](g,b,c),null!=d)){a=a.replace(u.match[h],"");break}d||(d="undefined"!=typeof b.getElementsByTagName?b.getElementsByTagName("*"):[]);return{set:d,expr:a}};r.filter=function(a,c,d,e){for(var f,g,h,l,k,m,q,s,t=a,Va=[],v=c,w=c&&c[0]&&r.isXML(c[0]);a&&c.length;){for(h in u.filter)if(null!=(f=u.leftMatch[h].exec(a))&&f[2]&&(m=u.filter[h],k=f[1],g=!1,f.splice(1,1),"\\"!==k.substr(k.length-1))){v===Va&&(Va=[]);if(u.preFilter[h])if(f=
+u.preFilter[h](f,v,d,Va,e,w),!f)g=l=!0;else if(!0===f)continue;if(f)for(q=0;null!=(k=v[q]);q++)k&&(l=m(k,f,q,v),s=e^l,d&&null!=l?s?g=!0:v[q]=!1:s&&(Va.push(k),g=!0));if(l!==b){d||(v=Va);a=a.replace(u.match[h],"");if(!g)return[];break}}if(a===t)if(null==g)r.error(a);else break;t=a}return v};r.error=function(a){throw Error("Syntax error, unrecognized expression: "+a);};var t=r.getText=function(a){var b,c;b=a.nodeType;var d="";if(b)if(1===b||9===b||11===b){if("string"==typeof a.textContent)return a.textContent;
 if("string"==typeof a.innerText)return a.innerText.replace(q,"");for(a=a.firstChild;a;a=a.nextSibling)d+=t(a)}else{if(3===b||4===b)return a.nodeValue}else for(b=0;c=a[b];b++)8!==c.nodeType&&(d+=t(c));return d},u=r.selectors={order:["ID","NAME","TAG"],match:{ID:/#((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,CLASS:/\.((?:[\w\u00c0-\uFFFF\-]|\\.)+)/,NAME:/\[name=['"]*((?:[\w\u00c0-\uFFFF\-]|\\.)+)['"]*\]/,ATTR:/\[\s*((?:[\w\u00c0-\uFFFF\-]|\\.)+)\s*(?:(\S?=)\s*(?:(['"])(.*?)\3|(#?(?:[\w\u00c0-\uFFFF\-]|\\.)*)|)|)\s*\]/,
 TAG:/^((?:[\w\u00c0-\uFFFF\*\-]|\\.)+)/,CHILD:/:(only|nth|last|first)-child(?:\(\s*(even|odd|(?:[+\-]?\d+|(?:[+\-]?\d*)?n\s*(?:[+\-]\s*\d+)?))\s*\))?/,POS:/:(nth|eq|gt|lt|first|last|even|odd)(?:\((\d*)\))?(?=[^\-]|$)/,PSEUDO:/:((?:[\w\u00c0-\uFFFF\-]|\\.)+)(?:\((['"]?)((?:\([^\)]+\)|[^\(\)]*)+)\2\))?/},leftMatch:{},attrMap:{"class":"className","for":"htmlFor"},attrHandle:{href:function(a){return a.getAttribute("href")},type:function(a){return a.getAttribute("type")}},relative:{"+":function(a,b){var c=
 "string"==typeof b,d=c&&!s.test(b),c=c&&!d;d&&(b=b.toLowerCase());for(var d=0,e=a.length,f;d<e;d++)if(f=a[d]){for(;(f=f.previousSibling)&&1!==f.nodeType;);a[d]=c||f&&f.nodeName.toLowerCase()===b?f||!1:f===b}c&&r.filter(b,a,!0)},">":function(a,b){var c,d="string"==typeof b,e=0,f=a.length;if(d&&!s.test(b))for(b=b.toLowerCase();e<f;e++){if(c=a[e])c=c.parentNode,a[e]=c.nodeName.toLowerCase()===b?c:!1}else{for(;e<f;e++)(c=a[e])&&(a[e]=d?c.parentNode:c.parentNode===b);d&&r.filter(b,a,!0)}},"":function(b,
@@ -1124,49 +1124,51 @@ ThreeBox.OrbitControls.prototype={init:function(){this.width=this.element&&this.
 Math.sin(this.phi)*Math.cos(this.theta)*this.orbit;this.camera.position.addSelf(this.lookAt);this.camera.lookAt(this.lookAt)}};ThreeBox.OrbitControls.bind=function(a,b,c){return new ThreeBox.OrbitControls(a,b,c)};MicroEvent.mixin(ThreeBox.OrbitControls);
 ThreeBox.Cursor=function(a,b){function c(){f||(a.style.cursor=d);clearTimeout(e);f=!1;e=setTimeout(function(){f=!0;a.style.cursor="none"},g)}var d=b.cameraControls?"move":"default",e=null,f=!1,g=2E3;b.cursor?a.style.cursor=d:(a.addEventListener("mousemove",c),a.style.cursor="none");return{unbind:function(){a.removeEventListener("mousemove",c)}}};ThreeBox.Cursor.bind=function(a,b){return ThreeBox.Cursor(a,b)};
 ThreeBox.preload=function(a,b){a instanceof Function&&(b=a,a=[]);a="string"==typeof a?[a]:a;var c=a.length,d={},e=function(a){_.extend(d,a||{});0==--c&&b(d)},f=ThreeBox.preload,g={},h={html:f.html,jpg:f.image,png:f.image,gif:f.image,mp3:f.audio};_.each(h,function(a,b){g[b]=RegExp("\\."+b+"$")});_.each(a,function(a){_.each(h,function(b,c){if(a.match(g[c])){var d=a.split(/\//g).pop().replace(/\.[A-Za-z0-9]+$/,"");b(a,d,e)}})})};
-ThreeBox.preload.html=function(a,b,c){new microAjax(a,function(b){for(var e;e=b.match(/^(<script\s*>|<script[^>]*type=['"]text\/javascript['"][^>]*>)([\s\S]+?)<\/script>$/m);){try{eval("(function () {"+e[2]+"})()")}catch(f){console.error(f),console.error("While evaluating: "+e[2])}b=b.replace(e[0],"")}""!=b.replace(/\s*/g)&&(e=document.createElement("div"),e.innerHTML=b,document.body.appendChild(e));console.log("Loaded HTML ",a);c()})};
+ThreeBox.preload.html=function(a,b,c){new microAjax(a,function(b){var e;(e=b.match(/^<script[^>]*type=['"]text\/javascript['"][^>]*>([\s\S]+?)<\/script>$/m))?(b=document.createElement("script"),b.type="text/javascript",b.innerHTML=e[1],document.body.appendChild(b)):(e=document.createElement("div"),e.innerHTML=b,document.body.appendChild(e));console.log("Loaded HTML ",a);c()})};
 ThreeBox.preload.image=function(a,b,c){THREE.ImageUtils.loadTexture(a,null,function(d){var e={};e[b]=d;console.log("Loaded texture ",a);c(e)})};ThreeBox.preload.audio=function(a,b,c){var d=new XMLHttpRequest;d.open("GET",a,!0);d.responseType="arraybuffer";d.onload=function(){var e={};e[b]=d.response;console.log("Loaded audio ",a);c(e)};d.send()};(function(a){for(var b in a)if(!window[b])throw"Error: ThreeRTT requires "+a[b];})({THREE:"Three.js"});window.ThreeRTT=window.ThreeRTT||{};
-ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&b.innerText||a};_.loop=function(a,b){for(var c=0;c<a;++c)b(c)};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};ThreeRTT.isPowerOfTwo=function(a){return 0===(a&a-1)};ThreeRTT.toTarget=function(a){return ThreeRTT.Stage&&a instanceof ThreeRTT.Stage?a.target:ThreeRTT.World&&a instanceof ThreeRTT.World?a.target():a};
+ThreeRTT.World=function(){};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&b.innerText||a};_.loop=function(a,b){for(var c=0;c<a;++c)b(c)};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};ThreeRTT.isPowerOfTwo=function(a){return 0===(a&a-1)};ThreeRTT.toTarget=function(a){return ThreeRTT.Stage&&a instanceof ThreeRTT.Stage?a.target:ThreeRTT.World&&a instanceof ThreeRTT.World?a.target():a};
 ThreeRTT.toTexture=function(a,b){a=ThreeRTT.toTarget(a);return ThreeRTT.RenderTarget&&a instanceof ThreeRTT.RenderTarget?a.read():a};MicroEvent.prototype.on=function(){MicroEvent.prototype.bind.apply(this,arguments);return this};MicroEvent.prototype.emit=function(){MicroEvent.prototype.trigger.apply(this,arguments);return this};MicroEvent.mixin=function(a){for(var b=["bind","unbind","trigger","on","emit"],c=0;c<b.length;c++)a.prototype[b[c]]=MicroEvent.prototype[b[c]]};
-ThreeRTT.Stage=function(a,b){b=_.extend({history:0,camera:{},scene:null},b);b.camera.aspect=b.camera.aspect||b.width/b.height;this.scene=b.scene||new THREE.Scene;this.camera=ThreeRTT.Camera(b.camera);this.scene.add(this.camera);this.target=new ThreeRTT.RenderTarget(a,b);this.reset();this.size(b.width,b.height)};
-ThreeRTT.Stage.prototype={options:function(){return this.target.options},reset:function(){this.renderables&&_.each(this.renderables,function(a){this.scene.remove(a)}.bind(this));this.passes=[];this.renderables=[]},paint:function(a,b){var c=new THREE.Object3D;c.frustumCulled=!1;c.visible=!0;if(!b){var d=new ThreeRTT.FragmentMaterial(this,"generic-fragment-texture"),d=this._surface(d);c.add(d)}c.add(a);this.scene.add(c);this.passes.push(1);this.renderables.push(c)},iterate:function(a,b){var c=this._surface(b);
-c.visible=!1;this.scene.add(c);this.passes.push(a);this.renderables.push(c);return this},fragment:function(a){this.iterate(1,a);return this},size:function(a,b){a=Math.floor(a);b=Math.floor(b);this.camera.aspect=a/b;this.target.size(a,b);return this},read:function(a){return this.target.read(a)},uniform:function(){return this.target.uniform()},render:function(){function a(b,c){b.visible=c;_.each(b.children,function(b){a(b,c)})}this.target.clear();_.each(this.passes,function(b,c){a(this.renderables[c],
-!0);_.loop(b,function(a){this.target.render(this.scene,this.camera)}.bind(this));a(this.renderables[c],!1)}.bind(this));return this},clear:function(){this.target.clear();return this},destroy:function(){this.target.deallocate();this.target=this.camera=this.scene=null},_surface:function(a){var b=new THREE.Mesh(new ThreeRTT.ScreenGeometry,{});b.frustumCulled=!1;b.material=a;b.renderDepth=Infinity;return b}};
-ThreeRTT.Compose=function(a,b,c,d){THREE.Object3D.call(this);a=new ThreeRTT.FragmentMaterial(a,b,c,d);b=new ThreeRTT.ScreenGeometry;a=this.mesh=new THREE.Mesh(b,a);a.frustumCulled=!1;this.add(a)};ThreeRTT.Compose.prototype=new THREE.Object3D;
-ThreeRTT.Camera=function(a){if(a.constructor instanceof THREE.Camera)return a;a=_.extend({aspect:1,far:1E4,fov:85,near:0.01,ortho:!1,scale:1},a);if(a.ortho){var b=a.scale,c=a.aspect;return new THREE.OrthographicCamera(-b*c,b*c,-b,b,a.near,a.far)}return new THREE.PerspectiveCamera(a.fov,a.aspect,a.near,a.far)};
+ThreeRTT.Stage=function(a,b){b=_.extend({history:0,camera:{},scene:null},b);b.camera.aspect=b.camera.aspect||b.width/b.height;this.camera=ThreeRTT.Camera(b.camera);this.target=new ThreeRTT.RenderTarget(a,b);this.reset();this.size(b.width,b.height)};
+ThreeRTT.Stage.prototype={options:function(){return this.target.options},reset:function(){this.scenes=[];this.passes=[]},paint:function(a,b){var c=new THREE.Scene;if(!b){var d=new ThreeRTT.FragmentMaterial(this,"generic-fragment-texture"),d=this._surface(d);c.add(d)}c.add(a);this.scenes.push(c);this.passes.push(1)},iterate:function(a,b){var c=this._surface(b),d=new THREE.Scene;d.add(c);this.scenes.push(d);this.passes.push(a);return this},fragment:function(a){this.iterate(1,a);return this},size:function(a,
+b){a=Math.floor(a);b=Math.floor(b);this.camera.aspect=a/b;this.camera.updateProjectionMatrix();this.target.size(a,b);return this},read:function(a){return this.target.read(a)},uniform:function(){return this.target.uniform()},render:function(){this.target.clear();_.each(this.passes,function(a,b){_.loop(a,function(a){this.target.render(this.scenes[b],this.camera)}.bind(this))}.bind(this));return this},clear:function(){this.target.clear();return this},destroy:function(){this.target.deallocate();this.scenes=
+[];this.passes=[];this.target=this.camera=null},_surface:function(a){var b=new THREE.Mesh(new ThreeRTT.ScreenGeometry,{});b.frustumCulled=!1;b.material=a;b.renderDepth=Infinity;return b}};ThreeRTT.Compose=function(a,b,c,d){THREE.Object3D.call(this);a=new ThreeRTT.FragmentMaterial(a,b,c,d);b=new ThreeRTT.ScreenGeometry;a=this.mesh=new THREE.Mesh(b,a);a.frustumCulled=!1;this.add(a)};ThreeRTT.Compose.prototype=new THREE.Object3D;
+ThreeRTT.Camera=function(a){if(a instanceof THREE.Camera)return a;a=_.extend({aspect:1,far:1E4,fov:85,near:0.01,ortho:!1,scale:1},a);if(a.ortho){var b=a.scale,c=a.aspect;return new THREE.OrthographicCamera(-b*c,b*c,-b,b,a.near,a.far)}return new THREE.PerspectiveCamera(a.fov,a.aspect,a.near,a.far)};
 ThreeRTT.RenderTarget=function(a,b){this.options=b=_.extend({width:256,height:256,texture:{},clear:{color:!1,depth:!1,stencil:!1},clearColor:16777215,clearAlpha:1,history:0,scene:null,camera:null,autoAdvance:!0},b);this.renderer=a;ThreeRTT.isPowerOfTwo(b.width)&&ThreeRTT.isPowerOfTwo(b.height)||b.texture.minFilter||(b.texture.minFilter=THREE.LinearFilter);this.history(this.options.history,!0);this.size(b.width,b.height);this.clear()};
-ThreeRTT.RenderTarget.prototype={read:function(a){a=Math.max(0,Math.min(this.options.history,Math.abs(a||0)));return this.virtuals[a]},write:function(){return this.targets[this.index]},history:function(a,b){void 0!==a&&(this._history=a,this.buffers=a+2,b||this.allocate());return this._history},size:function(a,b){a&&b&&(this.width=Math.floor(a),this.height=Math.floor(b),this.allocate());return{width:this.width,height:this.height}},deallocate:function(){this.deallocateTargets()},allocate:function(){this.deallocateTargets();
-this.allocateTargets();this.allocateVirtuals()},deallocateTargets:function(){_.each(this.targets||[],function(a){this.renderer.deallocateRenderTarget(a)}.bind(this))},allocateTargets:function(){var a=this.options;n=this.buffers;var b=this.targets=[];_.loop(n,function(c){b.push(new THREE.WebGLRenderTarget(this.width,this.height,a.texture));b[c].__index=c}.bind(this))},allocateVirtuals:function(){var a=this.targets[0],b=this.virtuals||[];n=Math.max(1,this.buffers-1);n>b.length?_.loop(n-b.length,function(){b.push(a.clone())}.bind(this)):
-b=b.slice(0,n);_.each(b,function(a,b){a.width=this.width;a.height=this.height;a.__index=b}.bind(this));this.virtuals=b;this.index=-1;this.advance()},advance:function(){var a=this.targets,b=this.virtuals,c=this.index,d=this.buffers,e=b.length;this.index=c=(c+1)%d;_.loop(e,function(f){var g=b[f];f=a[(e-f+c)%d];g.__webglTexture=f.__webglTexture;g.__webglFramebuffer=f.__webglFramebuffer;g.__webglRenderbuffer=f.__webglRenderbuffer;g.__index=f.__index})},clear:function(){var a=this.options,b=a.clear,c=
-this.renderer,d=c.getClearColor().clone(),e=c.getClearAlpha();c.setClearColorHex(a.clearColor,a.clearAlpha);c.clearTarget(this.write(),b.color,b.stencil,b.depth);c.setClearColor(d,e)},render:function(a,b){this.emit("render",a,b);var c=this.renderer.autoClear;this.renderer.autoClear=!1;this.clear();this.renderer.render(a,b,this.write());this.renderer.autoClear=c;this.options.autoAdvance&&this.advance()},uniform:function(a){var b=this.history();if(b){var c=[];_.loop(b+1,function(a){c.push(this.read(-a))}.bind(this));
-return{type:"tv",value:c,count:b+1}}return{type:"t",value:a,texture:this.read(),count:1}}};MicroEvent.mixin(ThreeRTT.RenderTarget);ThreeRTT.ScreenGeometry=function(){return new THREE.PlaneGeometry(2,2,1,1)};
+ThreeRTT.RenderTarget.prototype={read:function(a){a=Math.max(0,Math.min(this.options.history,Math.abs(a||0)));return this.virtuals[a]},write:function(){return this.targets[this.index]},history:function(a,b){void 0!==a&&(this._history=a,this.buffers=a+2,b||this.allocate());return this._history},size:function(a,b){void 0!==a&&void 0!==b&&(this.width=Math.max(1,Math.floor(a)),this.height=Math.max(1,Math.floor(b)),this.allocate());return{width:this.width,height:this.height}},deallocate:function(){this.deallocateTargets()},
+allocate:function(){this.deallocateTargets();this.allocateTargets();this.allocateVirtuals()},deallocateTargets:function(){_.each(this.targets||[],function(a){a.dispose()}.bind(this))},allocateTargets:function(){var a=this.options;n=this.buffers;var b=this.targets=[];_.loop(n,function(c){b.push(new THREE.WebGLRenderTarget(this.width,this.height,a.texture));b[c].__index=c}.bind(this))},allocateVirtuals:function(){var a=this.targets[0],b=this.virtuals||[];n=Math.max(1,this.buffers-1);n>b.length?_.loop(n-
+b.length,function(){b.push(a.clone())}.bind(this)):b=b.slice(0,n);_.each(b,function(a,b){a.width=this.width;a.height=this.height;a.__index=b}.bind(this));this.virtuals=b;this.index=-1;this.advance()},advance:function(){var a=this.targets,b=this.virtuals,c=this.index,d=this.buffers,e=b.length;this.index=c=(c+1)%d;_.loop(e,function(f){var g=b[f];f=a[(e-f+c)%d];g.__webglTexture=f.__webglTexture;g.__webglFramebuffer=f.__webglFramebuffer;g.__webglRenderbuffer=f.__webglRenderbuffer;g.__index=f.__index})},
+clear:function(){var a=this.options,b=a.clear,c=this.renderer,d=c.getClearColor().clone(),e=c.getClearAlpha();c.setClearColor(a.clearColor,a.clearAlpha);c.clearTarget(this.write(),b.color,b.depth,b.stencil);c.setClearColor(d,e)},render:function(a,b){this.emit("render",a,b);var c=this.renderer.autoClear;this.renderer.autoClear=!1;this.clear();this.renderer.render(a,b,this.write());this.renderer.autoClear=c;this.options.autoAdvance&&this.advance()},uniform:function(a){var b=this.history();if(b){var c=
+[];_.loop(b+1,function(a){c.push(this.read(-a))}.bind(this));return{type:"tv",value:c,count:b+1}}return{type:"t",value:a,texture:this.read(),count:1}}};MicroEvent.mixin(ThreeRTT.RenderTarget);ThreeRTT.ScreenGeometry=function(){return new THREE.PlaneGeometry(2,2,1,1)};
 ThreeRTT.ShaderMaterial=function(a,b,c,d,e){if(d instanceof Array){var f={};_.each(d,function(a,b){f["texture"+(i+1)]=a});d=f}else if(d instanceof THREE.Texture||d instanceof ThreeRTT.World||d instanceof THREE.WebGLRenderTarget)d={texture1:d};a instanceof Array||(a=[a]);a=_.map(a,function(a){return ThreeRTT.toTarget(a)});e=_.extend(e||{},{sampleStep:{type:"v2",value:new THREE.Vector2}});_.each(d,function(a,b){e[b]={type:"t",value:ThreeRTT.toTexture(a)}});_.each(a,function(a,b){var c="texture"+(b+
 1);a.read&&!e[c]&&(e[c]={type:"t",value:a.read()})});e.texture1&&!e.texture&&(e.texture=e.texture1);a[0].on("render",function(){var b=a[0].options.texture,c=b.wrapT,d={1E3:0,1001:1,1002:0},f=e.sampleStep.value;f.x=1/(a[0].width-(d[b.wrapS]||0));f.y=1/(a[0].height-(d[c]||0))});return new THREE.ShaderMaterial({uniforms:e,vertexShader:ThreeRTT.getShader(b||"generic-vertex"),fragmentShader:ThreeRTT.getShader(c||"generic-fragment-texture")})};
 ThreeRTT.FragmentMaterial=function(a,b,c,d){a=new ThreeRTT.ShaderMaterial(a,"generic-vertex-screen",b,c,d);a.side=THREE.DoubleSide;a.depthTest=!1;a.depthWrite=!1;a.transparent=!0;a.blending=THREE.NoBlending;return a};
-ThreeRTT.DownsampleMaterial=function(a,b){var c={};a=ThreeRTT.toTarget(a);b=ThreeRTT.toTarget(b);c=_.extend(c,{sampleAlignment:{type:"v2",value:new THREE.Vector2},texture:{type:"t",value:a.read()}});b.on("render",function(){var d=a,f=b,g=2*f.height/d.height,h=c.sampleAlignment.value;h.x=2*f.width/d.width;h.y=g});var d=new THREE.ShaderMaterial({uniforms:c,vertexShader:ThreeRTT.getShader("rtt-vertex-downsample"),fragmentShader:ThreeRTT.getShader("generic-fragment-texture")});d.side=THREE.DoubleSide;
-d.depthTest=!1;d.depthWrite=!1;d.transparent=!0;d.blending=THREE.NoBlending;return d};
-ThreeRTT.RaytraceMaterial=function(a,b,c,d){if(c instanceof Array)_.each(c,function(a,b){});else if(c instanceof THREE.Texture||c instanceof ThreeRTT.World||c instanceof THREE.WebGLRenderTarget)c={texture1:c};a=ThreeRTT.toTarget(a);d=_.extend(d||{},{cameraViewport:{type:"v2",value:new THREE.Vector2},cameraWorld:{type:"m4",value:new THREE.Matrix4}});var e=0;_.each(c||[],function(a,b){d[b]={type:"t",value:e++,texture:ThreeRTT.toTexture(a)}});a.on("render",function(a,b){b.updateMatrixWorld();if(b.fov){var c=
-Math.tan(b.fov*\u03c0/360);d.cameraViewport.value.set(c*b.aspect,c)}b.matrixWorld&&(d.cameraWorld.value=b.matrixWorld)});return new THREE.ShaderMaterial({uniforms:d,vertexShader:ThreeRTT.getShader("generic-vertex-screen"),fragmentShader:ThreeRTT.getShader(b)})};ThreeRTT.Display=function(a,b,c){a instanceof Array||(a=[a]);this.gx=b||a.length;this.gy=c||1;this.targets=a;this.n=a.length;THREE.Object3D.call(this);this.make()};
+ThreeRTT.ScaleMaterial=function(a,b,c){var d={};a=ThreeRTT.toTarget(a);b=ThreeRTT.toTarget(b);d=_.extend(d,{sampleAlignment:{type:"v2",value:new THREE.Vector2},texture:{type:"t",value:a.read()}});b.on("render",function(){var e=a,g=b,h=g.height*c/e.height,l=d.sampleAlignment.value;l.x=g.width*c/e.width;l.y=h});var e=new THREE.ShaderMaterial({uniforms:d,vertexShader:ThreeRTT.getShader("rtt-vertex-downsample"),fragmentShader:ThreeRTT.getShader("generic-fragment-texture")});e.side=THREE.DoubleSide;e.depthTest=
+!1;e.depthWrite=!1;e.transparent=!0;e.blending=THREE.NoBlending;return e};ThreeRTT.DownsampleMaterial=function(a,b){return new ThreeRTT.ScaleMaterial(a,b,2)};ThreeRTT.UpsampleMaterial=function(a,b){return new ThreeRTT.ScaleMaterial(a,b,0.5)};
+ThreeRTT.RaytraceMaterial=function(a,b,c,d,e){a instanceof Array||(a=[a]);c=new ThreeRTT.ShaderMaterial(a,"raytrace-vertex-screen",c,d,e);e=_.extend(c.uniforms||{},{raytraceViewport:{type:"v2",value:new THREE.Vector2},raytracePosition:{type:"v3",value:new THREE.Vector3},raytraceMatrix:{type:"m4",value:new THREE.Matrix4}});a=ThreeRTT.toTarget(a[0]);var f=new THREE.Vector3;a.on("render",function(a){b.updateMatrixWorld();b.fov&&(a=Math.tan(b.fov*\u03c0/360),e.raytraceViewport.value.set(a*b.aspect,a));
+b.matrixWorld&&(e.raytraceMatrix.value.copy(b.matrixWorld),e.raytraceMatrix.value.setPosition(f),e.raytracePosition.value.getPositionFromMatrix(b.matrixWorld))});return c};ThreeRTT.Display=function(a,b,c){a instanceof Array||(a=[a]);this.gx=b||a.length;this.gy=c||1;this.targets=a;this.n=a.length;THREE.Object3D.call(this);this.make()};
 ThreeRTT.Display.prototype=_.extend(new THREE.Object3D,{make:function(){for(var a=this.n,b=this.gx,c=this.gy,d=this.targets,e=(b-1)/2,f=(c-1)/2,g=new THREE.PlaneGeometry(1,1,1,1),h=0,l=0;h<a&&l<c;++l)for(var k=0;h<a&&k<b;++k,++h){var q=new THREE.MeshBasicMaterial({color:16777215,map:ThreeRTT.toTexture(d[h]),fog:!1});q.side=THREE.DoubleSide;q=new THREE.Mesh(g,q);q.renderDepth=1E4+Math.random();this.add(q);1<b&&(q.position.x=-e+k);1<c&&(q.position.y=f-l)}}});
 ThreeRTT.World=function(a,b){b=b||{};b=_.extend({autoRendering:!0,autoSize:!(b.width&&b.height),order:++ThreeRTT.World.sequence,scale:1},b);b.width=!b.autoSize&&b.width||(a._opts&&a._opts.renderW||256)/b.scale;b.height=!b.autoSize&&b.height||(a._opts&&a._opts.renderH||256)/b.scale;a.on("resize",function(a,d){b.autoSize&&(a/=b.scale,d/=b.scale,this.size(a,d))}.bind(this));this._options=b;this._world=a;this._autoRendering=b.autoRendering;this._renderer=a.tRenderer();this._stage=new ThreeRTT.Stage(this._renderer,
-b);this._scene=this._stage.scene;this._camera=this._stage.camera;this.queue=ThreeRTT.RenderQueue.bind(a);b.autoRendering&&this.queue.add(this);this.size(b.width,b.height,!0)};ThreeRTT.World.sequence=1E5;
+b);this._tScene=this._stage.scene;this._tCamera=this._stage.camera;this.queue=ThreeRTT.RenderQueue.bind(a);b.autoRendering&&this.queue.add(this);this.size(b.width,b.height,!0)};ThreeRTT.World.sequence=1E5;
 ThreeRTT.World.prototype=_.extend(new THREE.Object3D,tQuery.World.prototype,{stage:function(){return this._stage},target:function(){return this._stage.target},autoSize:function(a){void 0!==a&&(this._options.autoSize=a);return this._options.autoSize},adjust:function(a){var b=this._options.scale,c=this._options.width,d=this._options.height;this._options.autoSize&&(d=this._world._opts,c=d.renderW,d=d.renderH);c/=b;d/=b;this._opts={renderW:c,renderH:d};a||this._stage.size(c,d)},scale:function(a){return a?
 (this._options.scale=a,this.adjust(),this):this._options.scale},size:function(a,b,c){return a&&b?(this._options.width=a,this._options.height=b,this.adjust(c),this):{width:this._options.width,height:this._options.height}},options:function(){return this._stage.options()},reset:function(){this._stage.reset();return this},paint:function(a,b){this._stage.paint(a,b);return this},iterate:function(a,b,c,d){b=b instanceof THREE.Material?b:tQuery.createFragmentMaterial(this,b,c,d);this._stage.iterate(a,b);
-return this},fragment:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createFragmentMaterial(this,a,b,c);this._stage.fragment(a);return this},raytrace:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createRaytraceMaterial(this,a,b,c);this._stage.fragment(a);return this},downsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=b.width;this._options.height=b.height}b=a.scale();this.scale(2*b);a=tQuery.createDownsampleMaterial(a,this);this._stage.fragment(a);return this},
-read:function(a){return this._stage.read(a)},uniform:function(){return this._stage.uniform()},render:function(){this._stage.render();return this},destroy:function(){this._stage.destroy();this._stage=null;this.queue.remove(this);this.trigger("destroy");return this}});tQuery.pluginsInstanceOn(ThreeRTT.World);tQuery.MicroeventMixin(ThreeRTT.World.prototype);ThreeRTT.RenderQueue=function(a){this.world=a;this.queue=[];this.callback=null;this.renderer=a.tRenderer()};
+return this},shader:function(a,b,c,d){a=a instanceof THREE.Material?a:tQuery.createShaderMaterial(this,a,b,c,d);this._stage.fragment(a);return this},fragment:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createFragmentMaterial(this,a,b,c);this._stage.fragment(a);return this},raytrace:function(a,b,c,d){a=b instanceof THREE.Material?b:tQuery.createRaytraceMaterial(this,a,b,c,d);this._stage.fragment(a);return this},downsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=
+b.width;this._options.height=b.height}b=a.scale();this.scale(2*b);a=tQuery.createDownsampleMaterial(a,this);this._stage.fragment(a);return this},upsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=b.width;this._options.height=b.height}b=a.scale();this.scale(0.5*b);a=tQuery.createUpsampleMaterial(a,this);this._stage.fragment(a);return this},read:function(a){return this._stage.read(a)},uniform:function(){return this._stage.uniform()},render:function(){this._stage.render();return this},
+destroy:function(){this._stage.destroy();this._stage=null;this.queue.remove(this);this.trigger("destroy");return this}});tQuery.pluginsInstanceOn(ThreeRTT.World);tQuery.MicroeventMixin(ThreeRTT.World.prototype);ThreeRTT.RenderQueue=function(a){this.world=a;this.queue=[];this.callback=null;this.renderer=a.tRenderer()};
 ThreeRTT.RenderQueue.prototype={add:function(a){this.queue.push(a);this.sort();this.init()},remove:function(a){this.queue.splice(this.queue.indexOf(a),1);this.cleanup()},init:function(){var a=this.queue,b=this.world;a.length&&!this.callback&&b.loop().hookPreRender(this.callback=function(){_.each(a,function(a){a.render()})})},cleanup:function(){var a=this.world;!this.queue.length&&this.callback&&(a.loop().unhookPreRender(this.callback),this.callback=null)},sort:function(){this.queue.sort(function(a,
 b){return a.order-b.order})}};ThreeRTT.RenderQueue.bind=function(a){return a.__rttRenderQueue?a.__rttRenderQueue:a.__rttRenderQueue=new ThreeRTT.RenderQueue(a)};tQuery.World.registerInstance("rtt",function(a){return tQuery.createRTT(this,a)});tQuery.World.registerInstance("compose",function(a,b,c,d){a=tQuery.createComposeRTT(a,b,c,d);this.add(a);return a});tQuery.World.registerInstance("display",function(a,b,c){a=tQuery.createDisplayRTT(a,b,c);this.add(a);return a});
 tQuery.registerStatic("createRTT",function(a,b){return new ThreeRTT.World(a,b)});tQuery.registerStatic("createComposeRTT",function(a,b,c,d){return new ThreeRTT.Compose(a,b,c,d)});tQuery.registerStatic("createDisplayRTT",function(a,b,c){return new ThreeRTT.Display(a,b,c)});tQuery.registerStatic("createShaderMaterial",function(a,b,c,d,e){return new ThreeRTT.FragmentMaterial(a,b,c,d,e)});tQuery.registerStatic("createFragmentMaterial",function(a,b,c,d){return new ThreeRTT.FragmentMaterial(a,b,c,d)});
-tQuery.registerStatic("createRaytraceMaterial",function(a,b,c,d){return new ThreeRTT.RaytraceMaterial(a,b,c,d)});tQuery.registerStatic("createDownsampleMaterial",function(a,b){return new ThreeRTT.DownsampleMaterial(a,b)});(function(a){for(var b in a)if(!window[b])throw"Error: ShaderGraph requires "+a[b];})({THREE:"Three.js"});window.ShaderGraph={};ShaderGraph.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};
-(function(a){a.Block=function(b){b=b||new a.Node;this.node(b);this.children=[];this.parent=null;this.properties={};this.index=++a.Block.index;this.refresh()};a.Block.index=0;a.Block.prototype={node:function(a){return void 0!==a?(this._node=a,this):this._node},refresh:function(){this._node.owner(this);this._node.outlets(this.outlets())},fetch:function(a,c,d,e){}};a.Block.Snippet=function(b){this.snippet=new a.Snippet(b);a.Block.call(this)};a.Block.Snippet.prototype=_.extend({},a.Block.prototype,{insert:function(b,
-c,d){a.Block.Snippet.compileCall(b,c,this.node(),this.snippet,d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);return d.id()},outlets:function(){return a.Block.Snippet.makeOutlets(this.snippet)}});a.Block.Material=function(b,c){this.vertex=new a.Snippet(b);this.fragment=new a.Snippet(c);a.Block.call(this)};a.Block.Material.prototype=_.extend({},a.Block.prototype,{compile:function(){if(0<this.node().outputs.length)throw"Can't compile material with outputs";this.node();var b=new a.Program;
-this.insert(b,"vertex",0);this.insert(b,"fragment",0);b.compile();return b},insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this[c],d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);"fragment"==c&&(a.include(this,"vertex")||this.insert(a,"vertex",0));return d.id()},outlets:function(){var b=a.Block.Snippet.makeOutlets(this.vertex),c=a.Block.Snippet.makeOutlets(this.fragment);return _.union(b,c)}});a.Block.Snippet.makeOutlets=function(b){var c=[];if(b.outlets)return b.outlets;
-var d=b.arguments();_.each(d.parameters,function(a){a.meta={required:!0};a.hint=a.name.replace(/(In|Out)$/,"");a.category="parameter";c.push(a)});_.each(d.uniforms,function(b){b.meta={};b.hint=b.name.replace(/(In|Out)$/,"");b.category="uniform";b.inout=a.IN;c.push(b)});return b.outlets=c};a.Block.Snippet.compileCall=function(b,c,d,e,f){var g=e.arguments(),h=[];_.each(g.parameters,function(e){var g=d.get(e.name);if(e.inout==a.IN)if(g.input)g=g.input.node.owner().fetch(b,c,g.input,f+1),b.variable(c,
-g,e),h.push(g);else throw console.log("Outlet",e,g),["Missing connection on outlet for "+e.name];else e.inout==a.OUT&&(g=g.id(),b.variable(c,g,e),h.push(g))});var l=[];_.each(g.uniforms,function(a){var e=d.get(a.name);e.input?(e=e.input.node.owner().fetch(b,c,e.input,f+1),b.variable(c,e,a),h.push(e),l.push(a.name)):b.external("uniform",a)});_.each(g.attributes,function(a){b.external("attribute",a)});_.each(g.varyings,function(a){b.external("varying",a)});g=["_sg",c,e.name,d.owner().index].join("_");
-e=e.compile(g,l,!0);b.add(c,g,h,e,f)}})(ShaderGraph);
+tQuery.registerStatic("createRaytraceMaterial",function(a,b,c,d,e){return new ThreeRTT.RaytraceMaterial(a,b,c,d,e)});tQuery.registerStatic("createDownsampleMaterial",function(a,b){return new ThreeRTT.DownsampleMaterial(a,b)});tQuery.registerStatic("createUpsampleMaterial",function(a,b){return new ThreeRTT.UpsampleMaterial(a,b)});tQuery.registerStatic("createScaleMaterial",function(a,b,c){return new ThreeRTT.DownsampleMaterial(a,b,c)});
+(function(a){for(var b in a)if(!window[b])throw"Error: ShaderGraph requires "+a[b];})({THREE:"Three.js"});window.ShaderGraph={};ShaderGraph.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};
+(function(a){a.Block=function(b){b=b||new a.Node;this.node(b);this.children=[];this.parent=null;this.properties={};this.index=++a.Block.index;this.refresh()};a.Block.index=0;a.Block.prototype={node:function(a){return void 0!==a?(this._node=a,this):this._node},refresh:function(){this._node.owner(this);this._node.outlets(this.outlets())},fetch:function(a,c,d,e){},id:function(b,c,d,e){if(d.meta.inout){var f=d.node.get(d.name,a.IN).input;if(f)return f.node.owner().fetch(b,c,f,e+1)}return d.id()}};a.Block.Snippet=
+function(b){this.snippet=new a.Snippet(b);a.Block.call(this)};a.Block.Snippet.prototype=_.extend({},a.Block.prototype,{insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this.snippet,d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);return this.id(a,c,d,e)},outlets:function(){return a.Block.Snippet.makeOutlets(this.snippet)}});a.Block.Material=function(b,c){this.vertex=new a.Snippet(b);this.fragment=new a.Snippet(c);a.Block.call(this)};a.Block.Material.prototype=_.extend({},
+a.Block.prototype,{compile:function(){if(0<this.node().outputs.length)throw"Can't compile material with outputs";this.node();var b=new a.Program;this.insert(b,"vertex",0);this.insert(b,"fragment",0);b.compile();return b},insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this[c],d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);"fragment"==c&&(a.include(this,"vertex")||this.insert(a,"vertex",0));return this.id(a,c,d,e)},outlets:function(){var b=a.Block.Snippet.makeOutlets(this.vertex),
+c=a.Block.Snippet.makeOutlets(this.fragment);return _.union(b,c)}});a.Block.Snippet.makeOutlets=function(b){var c=[];if(b.outlets)return b.outlets;var d=b.arguments();_.each(d.parameters,function(b){b=_.extend({},b);b.meta={required:!0};b.hint=b.name.replace(/(In|Out)$/,"");b.category="parameter";if(b.inout==a.INOUT){b.meta.inout=!0;var d=_.extend({},b);d.inout=a.IN;c.push(d);b.inout=a.OUT}c.push(b)});_.each(d.uniforms,function(b){b.meta={};b.hint=b.name.replace(/(In|Out)$/,"");b.category="uniform";
+b.inout=a.IN;c.push(b)});return b.outlets=c};a.Block.Snippet.compileCall=function(b,c,d,e,f){var g=e.arguments(),h=[];_.each(g.parameters,function(e){var g=d.get(e.name,e.inout==a.INOUT?a.IN:e.inout);if(e.inout==a.IN||e.inout==a.INOUT)if(g.input)g=g.input.node.owner().fetch(b,c,g.input,f+1),b.variable(c,g,e),h.push(g);else throw console.log("Outlet",e,input),["Missing connection on outlet for "+e.name];else e.inout==a.OUT&&(g=g.id(),b.variable(c,g,e),h.push(g))});var l=[];_.each(g.uniforms,function(a){var e=
+d.get(a.name);e.input?(e=e.input.node.owner().fetch(b,c,e.input,f+1),b.variable(c,e,a),h.push(e),l.push(a.name)):b.external("uniform",a)});_.each(g.attributes,function(a){b.external("attribute",a)});_.each(g.varyings,function(a){b.external("varying",a)});g=["_sg",c,e.name,d.owner().index].join("_");e=e.compile(g,l,!0);b.add(c,g,h,e,f)}})(ShaderGraph);
 (function(a){a.Factory=function(){this.end()};a.Factory.prototype={snippet:function(b,c){c=c||"append";var d=new a.Block.Snippet(ShaderGraph.getShader(b));this[c](d.node());return this},material:function(b,c,d){d=d||"append";b=new a.Block.Material(ShaderGraph.getShader(b),ShaderGraph.getShader(c));this[d](b.node());return this},snippetBefore:function(a){this.snippet(a,"prepend");return this},materialBefore:function(a,c){this.material(code,"prepend");return this},append:function(a){a.graph||this.graph.add(a);
-var c=this.stack[0];_.each(c.end,function(c){c.connect(a)});c.start.length||(c.start=[a]);c.end=[a];return this},prepend:function(a){a.graph||this.graph.add(a);var c=this.stack[0];_.each(c.start,function(c){a.connect(c)});c.end.length||(c.end=[a]);c.start=[a];return this},group:function(){this.stack.unshift({start:[],end:[]});this.stack.unshift({start:[],end:[]});return this},next:function(){var a=this.stack.shift(),c=this.stack[0];c.start=c.start.concat(a.start);c.end=c.end.concat(a.end);this.stack.unshift({start:[],
-end:[]});return this},combine:function(){if(2>=this.stack.length)throw"Popping factory stack too far.";this.next();this.stack.shift();var a=this.stack.shift(),c=this.stack[0];_.each(a.start,function(a){_.each(c.end,function(b){b.connect(a,!0)})});c.end=a.end;return this},end:function(){var b=this.graph;this.graph=new a.Graph;this.stack=[];this.group();b&&(b.compile=function(){return b.tail().owner().compile()});return b}}})(ShaderGraph);
+var c=this.stack[0];_.each(c.end,function(c){c.connect(a)});c.start.length||(c.start=[a]);c.end=[a];return this},prepend:function(a){a.graph||this.graph.add(a);var c=this.stack[0];_.each(c.start,function(c){a.connect(c)});c.end.length||(c.end=[a]);c.start=[a];return this},group:function(){this.stack.unshift({start:[],end:[]});this.stack.unshift({start:[],end:[]});return this},pass:function(){this.next();this.stack[0].start.push(null);return this.combine()},next:function(){var a=this.stack.shift(),
+c=this.stack[0];c.start=c.start.concat(a.start);c.end=c.end.concat(a.end);this.stack.unshift({start:[],end:[]});return this},combine:function(){if(2>=this.stack.length)throw"Popping factory stack too far.";this.next();this.stack.shift();var a=this.stack.shift(),c=this.stack[0];a.start.length&&(_.each(a.start,function(d){d?_.each(c.end,function(a){a.connect(d,!0)}):a.end=a.end.concat(c.end)}),c.end=a.end);return this},end:function(){var b=this.graph;this.graph=new a.Graph;this.stack=[];this.group();
+b&&(b.compile=function(){return b.tail().owner().compile()});return b}}})(ShaderGraph);
 (function(a){a.Program=function(){this.calls={vertex:{},fragment:{}};this.variables={vertex:{},fragment:{}};this.externals={};this.compiled=!1;this.attributes={};this.uniforms={};this.fragmentShader=this.vertexShader="";this.includes={vertex:[],fragment:[]}};a.Program.types={f:"float",v2:"vec2",v3:"vec3",v4:"vec4",m3:"mat3",m4:"mat4",t:"sampler2D"};a.Program.prototype={include:function(a,c){if(0<=this.includes[c].indexOf(a))return!0;this.includes[c].push(a);return!1},external:function(a,c){c=_.extend({category:a},
 c);this.externals[c.name]=c},variable:function(a,c,d){d=_.extend({},d,{name:c});this.variables[a][c]=d},add:function(a,c,d,e,f){var g=this.calls[a][c];g?g.priority=Math.min(g.priority,f):this.calls[a][c]={name:c,args:d,code:e,priority:f}},compile:function(){_.each(this.externals,function(a){"uniform"==a.category&&(this.uniforms[a.name]={type:a.type,value:a.value});"attribute"==a.category&&(this.attributes[a.name]={type:a.type,value:[]})}.bind(this));_.each(["vertex","fragment"],function(b){var c=
 [];_.each(this.externals,function(a){"attribute"==a.category&&"fragment"==b||c.push([a.category,a.signature,";"].join(" "))}.bind(this));var c=c.join("\n"),d=_.toArray(this.calls[b]),e=[c],f=["void main() {"];_.each(this.variables[b],function(b){f.push([a.Program.types[b.type],b.name,";"].join(" "))});d.sort(function(a,b){return b.priority-a.priority});_.each(d,function(a){e.push(a.code);f.push([a.name,"(",a.args.join(","),");"].join(""))});f.push("}");this[b+"Shader"]=[e.join("\n"),f.join("\n")].join("\n")}.bind(this));
@@ -1183,10 +1185,10 @@ a.push(c)})});return a},tail:function(){return this.nodes[this.nodes.length-1]},
 b){var c={};_.each(b,function(a){c[[a.name,a.inout,a.type].join("-")]=!0}.bind(this));_.each(this._outlets,function(a){c[[a.name,a.inout,a.type].join("-")]||this.remove(a)}.bind(this));_.each(b,function(b){var c=this.get(b.name,b.inout);c?c.morph(b):(b=new a.Outlet(b),this.add(b))}.bind(this));return this}return this._outlets},add:function(b){var c=this.key(b);outlets=this._outlets;_in=this.inputs;_out=this.outputs;if(b.node)throw"Adding outlet to two nodes at once.";if(outlets[c])throw"Adding two identical outlets to same node.";
 b.link(this);outlets[c]=b;(b.inout==a.IN?_in:_out).push(b);return this},remove:function(b){var c=this._outlets,d=this.key(b),e=b.inout==a.IN?this.inputs:this.outputs;if(b.node!=this)throw"Removing outlet from wrong node.";b.disconnect();b.link(null);delete c[d];e.splice(e.indexOf(b),1);return this},connect:function(a,c,d){var e={},f={};_.each(a.inputs,function(a){if(d||!a.input){var b=a.type,c=[b,a.hint].join("-");f[c]||(f[c]=a);e[b]=e[b]||[];e[b].push(a)}});_.each(this.outputs,function(a){if(!c||
 !a.output.length){var b=a.type,d=[b,a.hint].join("-");f[d]?(f[d].connect(a),delete f[d],e[b].splice(e[b].indexOf(a),1)):e[b]&&e[b].length&&e[b].shift().connect(a)}});return this},disconnect:function(a){_.each(this.inputs,function(a){a.disconnect()});_.each(this.outputs,function(a){a.disconnect()});return this}}})(ShaderGraph);
-(function(a){a.Outlets=0;a.Outlet=function(b,c,d,e,f,g,h){if("object"==typeof b)return new a.Outlet(b.inout,b.name,b.hint,b.type,b.category,b.exposed);this.node=null;this.inout=b;this.name=c;this.hint=d||c;this.type=e;this.category=f;this.exposed=!!g;this.meta=h||{};this.index=++a.Outlets;this.input=this.key=null;this.output=[]};a.Outlet.prototype={id:function(){return["_sg",this.name,this.index].join("_")},expose:function(a){this.exposed=a},morph:function(a){this.inout=a.inout;this.name=a.name;this.type=
-a.type;this.category=a.category;this.exposed=a.exposed;this.meta=a.meta||{}},connect:function(b){if(this.inout==a.IN&&b.inout==a.OUT)return b.connect(this);if(this.inout!=a.OUT||b.inout!=a.IN)throw console.log(this,b),"Can't connect out/out or in/in outlets.";b.input!=this&&(b.disconnect(),b.input=this,this.output.push(b))},disconnect:function(b){if(this.inout==a.IN)this.input&&this.input.disconnect(this);else if(b){var c=this.output.indexOf(b);0<=c&&(this.output.splice(c,1),b.input=null)}else _.each(this.output,
+(function(a){a.Outlets=0;a.Outlet=function(b,c,d,e,f,g,h){if("object"==typeof b)return new a.Outlet(b.inout,b.name,b.hint,b.type,b.category,b.exposed,b.meta);this.node=null;this.inout=b;this.name=c;this.hint=d||c;this.type=e;this.category=f;this.exposed=!!g;this.meta=h||{};this.index=++a.Outlets;this.input=this.key=null;this.output=[]};a.Outlet.prototype={id:function(){return["_sg",this.name,this.index].join("_")},expose:function(a){this.exposed=a},morph:function(a){this.inout=a.inout;this.name=a.name;
+this.type=a.type;this.category=a.category;this.exposed=a.exposed;this.meta=a.meta||{}},connect:function(b){if(this.inout==a.IN&&b.inout==a.OUT)return b.connect(this);if(this.inout!=a.OUT||b.inout!=a.IN)throw console.log(this,b),"Can't connect out/out or in/in outlets.";b.input!=this&&(b.disconnect(),b.input=this,this.output.push(b))},disconnect:function(b){if(this.inout==a.IN)this.input&&this.input.disconnect(this);else if(b){var c=this.output.indexOf(b);0<=c&&(this.output.splice(c,1),b.input=null)}else _.each(this.output,
 function(a){a.input=null}),this.output=[]},link:function(a){this.node=a}}})(ShaderGraph);\u03c0=Math.PI;\u03c4=2*\u03c0;(function(a){for(var b in a)if(!window[b])throw"Error: MathBox requires "+a[b];})({THREE:"Three.js",tQuery:"tQuery.js (bundle)",ThreeBox:"ThreeBox.js",ThreeRTT:"ThreeRTT.js"});window.MathBox={};window.mathBox=function(a,b){!a||a instanceof Node||(b=a,a=null);return tQuery.createWorld(b).mathBox(a,b)};
-MathBox.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};MathBox.Attributes=function(){};
+MathBox.getShader=function(a){var b=document.getElementById(a);return b&&b.textContent||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};MathBox.Attributes=function(){};
 MathBox.Attributes.prototype={get:function(a){return void 0===a?this.__attributes||{}:this.__attributes?this.__attributes[a]:void 0},set:function(a,b){function c(a,b){try{b=h(a,b),d[a]=b,f[a]=b}catch(c){throw"Exception setting '"+a+"' to '"+b+"': "+c;}}this.__attributes||(this.__attributes={});this.__validators||(this.__validators={});var d={},e=this.__validators,f=this.__attributes,g=this,h=function(a,b){if(void 0===e[a]){var c="validate"+a.charAt(0).toUpperCase()+a.slice(1);e[a]=g[c]||!1}return e[a]?
 e[a].call(this,b):b}.bind(this);void 0!==a&&null!==a&&(a.constructor==String?c(a,b):_.each(a,function(a,b){c(b,a)}),this.emit("change",d))}};MicroEvent.mixin(MathBox.Attributes);MathBox.Attributes.mixin=function(a){_.each(["get","set","on","emit"],function(b){a.prototype[b]=MathBox.Attributes.prototype[b]})};MathBox.Animator=function(){this.active=[]};MathBox.Animator.now=1;
 MathBox.Animator.prototype={finalState:function(a){var b=_.extend({},a.get());a.__queue&&_.each(a.__queue,function(a,d){_.each(a,function(a){a.to&&(b[d]=a.to)})});return b},attach:function(a){if(!a.__queue){if(!a.__attributes)throw"Cannot attach to object without attributes";var b=this,c=a.set;a.set=function(a,e,f){if(!f){f=a;if(void 0===a||null===a)return;a.constructor==String&&(f={},f[a]=e);b.stop(this,f)}c.call(this,a,e)};a.__queue={};a.__animations=0}},hurry:function(a,b,c){c=c||4;_.each(b||a.__queue,
@@ -1272,7 +1274,9 @@ l[12][1],l[13][1],l[14][1],l[15][1]);this.matrixZ.set(l[0][2],l[1][2],l[2][2],l[
 q)/(g[0]-1),v=(c[1][1]-s)/(g[1]-1),u=0;_.loop(g[1],function(b){q=c[0][0];_.loop(g[0],function(b){a[u].set(q,s,0);q+=t;u++}.bind(this));s+=v}.bind(this));k={uniforms:k,shaders:{position:function(a,b){f?(a.snippet("bezierSurface"+e),a.group(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.combine()):(a.snippet("bezierSurface"+e).snippet("mathTransform"),b.viewport(a))}}};this.mesh.set(k);this.line.set(k);
 this.points.set(k)}});MathBox.Primitive.types.bezierSurface=MathBox.BezierSurface;MathBox.Platonic=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Platonic.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,type:"cube",points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"platonic"},renderables:function(){return[this.mesh,this.line,this.points]},adjust:function(a){a=this.get();this.mesh.show(a.mesh);this.line.show(a.line);this.points.show(a.points)},make:function(){var a=this.get(),b=this.style,c;switch(a.type){case "cube":c=new THREE.CubeGeometry(2,2,2,1,1,1)}this.mesh=
-new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;
+new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;MathBox.Label=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Label.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{position:null,facing:1,distance:15,expression:function(){return 0},style:{color:new THREE.Color(7368816)},class_name:"mathbox-labels",text:""}},renderables:function(){return[this.labels]},type:function(){return"label"},adjust:function(a,b){var c=this.get(),d=[0,0,0];d[c.facing]=1;var e=this.labelTangent;e.set.apply(e,d);d=c.position;e=this.labelPoint;d?e.set.apply(e,d):e.set.apply(e,c.expression.call(this));this.labels.show(!0)},
+make:function(){var a=this.get(),b=a.position,c=a.text,d=a.distance,e=a.class_name,f=this.style,g=this.labelTangent=new THREE.Vector3,h=this.labelPoint=new THREE.Vector3,d={dynamic:!0,distance:d,class_name:e};b?h.set.apply(h,b):h.set.apply(h,a.expression.call(this));a=function(a){return c}.bind(this);this.labels=new MathBox.Renderable.Labels([h],g,a,d,f)}});MathBox.Label.validateArgs=function(a){return a};MathBox.Primitive.types.label=MathBox.Label;
 MathBox.Renderable=function(a,b){if(null!==a){this.id=++MathBox.Renderable.id;var c=this.defaults();a&&(a=_.extend(c,a||{}));this.set(a||c);this.geometry=this.material=this.object=null;this.visible=!0;this.style=b||new MathBox.Style;this.style.on("change",this.styleCallback=this.refreshStyle.bind(this));this.on("change",this.uniformsCallback=this.refreshOptions.bind(this));this.mathTransform=new THREE.Matrix4}};MathBox.Renderable.id=0;
 MathBox.Renderable.prototype={defaults:function(){return{}},make:function(a){},destroy:function(){},show:function(a){a=void 0===a?!0:!!a;a!=this.visible&&(this.visible=a,this.refresh())},isVisible:function(){return this.object&&this.object.visible},composeTransform:function(a,b,c){var d=THREE.Matrix4.__m1,e=THREE.Matrix4.__m2;d.identity();d.setRotationFromEuler(b,this.object.eulerOrder);e.makeScale(c.x,c.y,c.z);this.mathTransform.multiply(d,e);b=this.mathTransform.elements;b[12]=a.x;b[13]=a.y;b[14]=
 a.z},refreshStyle:function(a){var b=this.style.get();a=a||b;this.material&&this.material.applyUniforms(a);if(this.object){this.object.frustumCulled=!1;a.worldPosition&&(this.object.position=b.worldPosition);a.worldRotation&&(this.object.rotation=b.worldRotation);a.worldScale&&(this.object.scale=b.worldScale);if(a.mathPosition||a.mathRotation||a.mathScale)this.composeTransform(b.mathPosition,b.mathRotation,b.mathScale),this.material&&this.material.applyUniforms({mathTransform:this.mathTransform});
@@ -1286,9 +1290,9 @@ this.diff),b=b.size,e=(new THREE.Matrix4(f.x,d.x,g.x,e.x,f.y,d.y,g.y,e.y,f.z,d.z
 MathBox.Renderable.Ticks=function(a,b,c,d,e){this.points=a;this.signs=b;this.epsilon=c;MathBox.Renderable.call(this,d,e)};
 MathBox.Renderable.Ticks.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{dynamic:!1,absolute:!1,size:0.1}},make:function(a){var b=this.get(),c=this.points;a=this.material=a.generic({type:"line",shaders:{position:function(a,c){c.position(a,b);a.snippet("tickVertexSplit");a.group();c.viewport(a);a.next();c.viewport(a);a.combine();a.snippet("tickVertexJoin")}}});var d=this.geometry=new THREE.Geometry;d.vertices=c;this.object=new THREE.Line(d,a,THREE.LinePieces);this.refresh()},
 adjust:function(a){var b=this.get();this.material&&this.material.applyAttributes({tickSign:this.signs});this.material&&this.material.applyUniforms({tickEpsilon:this.epsilon,tickSize:b.size});b.dynamic&&(this.material.attributes.tickSign.needsUpdate=!0,this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.Labels=function(a,b,c,d,e){this.points=a;this.tangent=b;this.callback=c;this.sprites=[];MathBox.Renderable.call(this,d,e)};
-MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1}},make:function(a){this.get();var b=this.tangent,c=this.sprites;a=this.points.length;this._anchor=new THREE.Vector3;var d=document.createElement("div"),e=this.object=new MathBox.Sprite(d);d.className="mathbox-labels";_.loop(a,function(a){a=document.createElement("div");var d=document.createElement("div");a.appendChild(d);var h=new MathBox.Sprite(a,b);a.className="mathbox-label";
-d.className="mathbox-wrap";d.style.position="relative";d.style.display="inline-block";d.style.left="-50%";d.style.top="-.5em";c.push(h);e.add(h)})},adjust:function(a,b,c,d,e){var f=this.get(),g=this.points;b=this.sprites;var h=this.callback,l=f.decimals,k=this.style.get("opacity"),q=window.MathJax&&MathJax.Hub,s=1/Math.log(10);_.each(b,function(b,c){b.position.copy(g[c]);a.to(b.position);e.matrix.multiplyVector3(b.position);b.distance=f.distance;b.opacity=k;var d="";if(h){d=h(c);void 0===d&&(d="");
-if(+d==d){var w=+d;if(0!=w)var d=0>w?-1:1,w=Math.abs(w),x=Math.pow(10,l-1-Math.floor(Math.log(w)*s)),d=w=d*Math.round(x*w)/x}q||(d=(""+d).replace(/^-/,"\u2013"))}b.content!==d&&(w=b.element.children[0],b.content=d,b.measure=!0,q?(w.innerHTML="\\("+d+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,w])):w.innerHTML=d)});MathBox.Renderable.prototype.adjust.call(this,a)}});
+MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1,class_name:"mathbox-labels"}},make:function(a){a=this.get();var b=this.tangent,c=this.sprites,d=a.class_name;a=this.points.length;this._anchor=new THREE.Vector3;var e=document.createElement("div"),f=this.object=new MathBox.Sprite(e);e.className=d;_.loop(a,function(a){a=document.createElement("div");var e=document.createElement("div");a.appendChild(e);var l=new MathBox.Sprite(a,
+b);"mathbox-labels"==d&&(a.className="mathbox-label");e.className="mathbox-wrap";e.style.position="relative";e.style.display="inline-block";e.style.left="-50%";e.style.top="-.5em";c.push(l);f.add(l)})},adjust:function(a,b,c,d,e){var f=this.get(),g=this.points;b=this.sprites;var h=this.callback,l=f.decimals,k=this.style.get("opacity"),q=window.MathJax&&MathJax.Hub,s=1/Math.log(10);_.each(b,function(b,c){b.position.copy(g[c]);a.to(b.position);e.matrix.multiplyVector3(b.position);b.distance=f.distance;
+b.opacity=k;var d="";if(h){d=h(c);void 0===d&&(d="");if(+d==d){var w=+d;if(0!=w)var d=0>w?-1:1,w=Math.abs(w),x=Math.pow(10,l-1-Math.floor(Math.log(w)*s)),d=w=d*Math.round(x*w)/x}q||(d=(""+d).replace(/^-/,"\u2013"))}b.content!==d&&(w=b.element.children[0],b.content=d,b.measure=!0,q?(w.innerHTML="\\("+d+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,w])):w.innerHTML=d)});MathBox.Renderable.prototype.adjust.call(this,a)}});
 MathBox.Viewport=function(a){if(null!==a){var b=this.defaults();a=_.extend(b,a||{});this.set(a);this.singleton="viewport";this._uniforms={}}};
 MathBox.Viewport.prototype={defaults:function(){return{type:"none",rotation:[0,0,0],position:[0,0,0]}},uniforms:function(){return this._uniforms},axis:function(a){return[0,1]},to:function(a){},from:function(a){},update:function(a){var b=this.get();_.each(["position","rotation"],function(c){a[c].set.apply(a[c],b[c])})},shader:function(a){a.snippet("mathToWorld")},validateRotation:function(a){return a.constructor==Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("rotation")},validatePosition:function(a){return a.constructor==
 Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("position")}};MathBox.Attributes.mixin(MathBox.Viewport,"type");MathBox.Viewport.types={};MathBox.Viewport.make=function(a){return new (MathBox.Viewport.types[a.type]||MathBox.Viewport.types.cartesian||MathBox.Viewport)(a)};
diff --git a/build/MathBox-core.js b/build/MathBox-core.js
index 078a85f..3bab7b8 100644
--- a/build/MathBox-core.js
+++ b/build/MathBox-core.js
@@ -3641,6 +3641,93 @@ MathBox.Platonic.prototype = _.extend(new MathBox.Primitive(null), {
 });
 
 MathBox.Primitive.types.platonic = MathBox.Platonic;
+/**
+ * Text label at specified position
+ */
+MathBox.Label = function (options) {
+  // Allow inheritance constructor
+  if (options === null) return;
+
+  MathBox.Primitive.call(this, options);
+};
+
+MathBox.Label.prototype = _.extend(new MathBox.Primitive(null), {
+
+  defaults: function () {
+    return {
+      position: null,
+      facing: 1,
+      distance: 15,
+      expression: function () { return 0; },
+      style: {
+        color: new THREE.Color(0x707070),
+      },
+      class_name: 'mathbox-labels',	// allow user to change css class of labels div
+      text: ""
+    };
+  },
+
+  renderables: function () {
+    return [ this.labels ];
+  },
+
+  type: function () {
+    return 'label';
+  },
+
+  adjust: function (viewport, camera) {
+    var options = this.get(),
+    // Axis vector direction for labels
+    p = [0, 0, 0];
+
+    p[options.facing] = 1;
+
+    var labelTangent = this.labelTangent;
+    labelTangent.set.apply(labelTangent, p);
+
+    var position = options.position;
+    var labelPoint = this.labelPoint;
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+
+    this.labels.show(true);
+  },
+
+  make: function () {
+    var options = this.get(),
+      position = options.position,
+      text = options.text,
+      distance = options.distance,
+      class_name = options.class_name,
+      style = this.style,
+      labelTangent = this.labelTangent = new THREE.Vector3(),
+      labelPoint  = this.labelPoint = new THREE.Vector3();
+
+    var labelOptions = { dynamic: true, distance: distance, class_name: class_name };
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+    // labelPoint.set.apply(labelPoint, position);
+    // label text callback
+    var callback = function (i) {
+      return text;
+    }.bind(this);
+    
+    this.labels = new MathBox.Renderable.Labels([labelPoint], labelTangent, callback, labelOptions, style);
+  },
+
+});
+
+MathBox.Label.validateArgs = function (options) {
+  return options;
+};
+
+MathBox.Primitive.types.label = MathBox.Label;
 MathBox.Renderable = function (options, style) {
   // Allow inheritance constructor
   if (options === null) return;
@@ -4090,7 +4177,8 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     return {
       absolute: true,
       distance: 15,
-      size: 1//,
+      size: 1,
+      class_name: 'mathbox-labels' //,
     };
   },
 
@@ -4099,6 +4187,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
         points = this.points,
         tangent = this.tangent,
         sprites = this.sprites,
+        class_name = options.class_name,
         n = this.points.length;
 
     // Reusable vector for later.
@@ -4107,7 +4196,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     // Make parent object to hold all the label divs in one Object3D.
     var element = document.createElement('div');
     var object = this.object = new MathBox.Sprite(element);
-    element.className = 'mathbox-labels';
+    element.className = class_name;
 
     // Make sprites for all labels
     _.loop(n, function (i) {
@@ -4120,7 +4209,9 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
       var sprite = new MathBox.Sprite(element, tangent);
 
       // Position at anchor point
-      element.className = 'mathbox-label';
+      if (class_name == "mathbox-labels"){
+	  element.className = 'mathbox-label';
+      }
       inner.className = 'mathbox-wrap';
       inner.style.position = 'relative';
       inner.style.display = 'inline-block';
diff --git a/build/MathBox-core.min.js b/build/MathBox-core.min.js
index 6d0a700..ca5b44a 100644
--- a/build/MathBox-core.min.js
+++ b/build/MathBox-core.min.js
@@ -1,46 +1,45 @@
-var \u03c0=Math.PI,\u03c4=2*\u03c0;(function(a){for(var b in a)if(!window[b])throw"Error: MathBox requires "+a[b];})({THREE:"Three.js",tQuery:"tQuery.js (bundle)",ThreeBox:"ThreeBox.js",ThreeRTT:"ThreeRTT.js"});window.MathBox={};window.mathBox=function(a,b){!a||a instanceof Node||(b=a,a=null);return tQuery.createWorld(b).mathBox(a,b)};MathBox.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};
-MathBox.Attributes=function(){};
-MathBox.Attributes.prototype={get:function(a){return void 0===a?this.__attributes||{}:this.__attributes?this.__attributes[a]:void 0},set:function(a,b){function c(a,b){try{b=k(a,b),d[a]=b,g[a]=b}catch(c){throw"Exception setting '"+a+"' to '"+b+"': "+c;}}this.__attributes||(this.__attributes={});this.__validators||(this.__validators={});var d={},e=this.__validators,g=this.__attributes,h=this,k=function(a,b){if(void 0===e[a]){var c="validate"+a.charAt(0).toUpperCase()+a.slice(1);e[a]=h[c]||!1}return e[a]?
-e[a].call(this,b):b}.bind(this);void 0!==a&&null!==a&&(a.constructor==String?c(a,b):_.each(a,function(a,b){c(b,a)}),this.emit("change",d))}};MicroEvent.mixin(MathBox.Attributes);MathBox.Attributes.mixin=function(a){_.each(["get","set","on","emit"],function(b){a.prototype[b]=MathBox.Attributes.prototype[b]})};MathBox.Animator=function(){this.active=[]};MathBox.Animator.now=1;
-MathBox.Animator.prototype={finalState:function(a){var b=_.extend({},a.get());a.__queue&&_.each(a.__queue,function(a,d){_.each(a,function(a){a.to&&(b[d]=a.to)})});return b},attach:function(a){if(!a.__queue){if(!a.__attributes)throw"Cannot attach to object without attributes";var b=this,c=a.set;a.set=function(a,e,g){if(!g){g=a;if(void 0===a||null===a)return;a.constructor==String&&(g={},g[a]=e);b.stop(this,g)}c.call(this,a,e)};a.__queue={};a.__animations=0}},hurry:function(a,b,c){c=c||4;_.each(b||a.__queue,
-function(b,e){_.each(a.__queue[e],function(a){a.hurry(c)})}.bind(this))},stop:function(a,b){_.each(b||a.__queue,function(b,d){for(;a.__queue[d];)this.dequeue(a,d,!0)}.bind(this))},animate:function(a,b,c){c=_.extend({duration:300},c||{});this.attach(a);_.each(b,function(b,e){var g=a.__queue[e]=a.__queue[e]||[];if(c.delay){var h=new MathBox.Animator.Delay(a,e,c.delay);g.push(h);0==a.__animations++&&this.active.push(a)}a.__validators[e]&&(b=a.__validators[e].call(a,b));h=new MathBox.Animator.Animation(a,
-e,b,c.duration,c.callback,c.ease);g.push(h);c.hold&&(h=new MathBox.Animator.Delay(a,e,c.hold),g.push(h),0==a.__animations++&&this.active.push(a));0==a.__animations++&&this.active.push(a)}.bind(this))},dequeue:function(a,b,c){var d=a.__queue[b];if(d){var e=d.shift();0==d.length&&delete a.__queue[b];c&&e.skip();0==--a.__animations&&this.active.splice(this.active.indexOf(a),1)}},update:function(a){MathBox.Animator.now+=a;a=this.active.slice();_.each(a,function(a){var c=0;_.each(a.__queue,function e(g,
-h){var k=g[0];value=k.apply(c||0);k.done()&&(c=k.extra(),this.dequeue(a,h),g[0]&&e.call(this,g,h))}.bind(this))}.bind(this))}};MathBox.Animator.Delay=function(a,b,c){this.object=a;this.key=b;this.duration=c;this.fraction=this.start=0};
+var \u03c0=Math.PI,\u03c4=2*\u03c0;(function(a){for(var b in a)if(!window[b])throw"Error: MathBox requires "+a[b];})({THREE:"Three.js",tQuery:"tQuery.js (bundle)",ThreeBox:"ThreeBox.js",ThreeRTT:"ThreeRTT.js"});window.MathBox={};window.mathBox=function(a,b){!a||a instanceof Node||(b=a,a=null);return tQuery.createWorld(b).mathBox(a,b)};MathBox.getShader=function(a){var b=document.getElementById(a);return b&&b.textContent||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};MathBox.Attributes=function(){};
+MathBox.Attributes.prototype={get:function(a){return void 0===a?this.__attributes||{}:this.__attributes?this.__attributes[a]:void 0},set:function(a,b){function c(a,b){try{b=h(a,b),e[a]=b,g[a]=b}catch(c){throw"Exception setting '"+a+"' to '"+b+"': "+c;}}this.__attributes||(this.__attributes={});this.__validators||(this.__validators={});var e={},d=this.__validators,g=this.__attributes,k=this,h=function(a,b){if(void 0===d[a]){var c="validate"+a.charAt(0).toUpperCase()+a.slice(1);d[a]=k[c]||!1}return d[a]?
+d[a].call(this,b):b}.bind(this);void 0!==a&&null!==a&&(a.constructor==String?c(a,b):_.each(a,function(a,b){c(b,a)}),this.emit("change",e))}};MicroEvent.mixin(MathBox.Attributes);MathBox.Attributes.mixin=function(a){_.each(["get","set","on","emit"],function(b){a.prototype[b]=MathBox.Attributes.prototype[b]})};MathBox.Animator=function(){this.active=[]};MathBox.Animator.now=1;
+MathBox.Animator.prototype={finalState:function(a){var b=_.extend({},a.get());a.__queue&&_.each(a.__queue,function(a,e){_.each(a,function(a){a.to&&(b[e]=a.to)})});return b},attach:function(a){if(!a.__queue){if(!a.__attributes)throw"Cannot attach to object without attributes";var b=this,c=a.set;a.set=function(a,d,g){if(!g){g=a;if(void 0===a||null===a)return;a.constructor==String&&(g={},g[a]=d);b.stop(this,g)}c.call(this,a,d)};a.__queue={};a.__animations=0}},hurry:function(a,b,c){c=c||4;_.each(b||a.__queue,
+function(b,d){_.each(a.__queue[d],function(a){a.hurry(c)})}.bind(this))},stop:function(a,b){_.each(b||a.__queue,function(b,e){for(;a.__queue[e];)this.dequeue(a,e,!0)}.bind(this))},animate:function(a,b,c){c=_.extend({duration:300},c||{});this.attach(a);_.each(b,function(b,d){var g=a.__queue[d]=a.__queue[d]||[];if(c.delay){var k=new MathBox.Animator.Delay(a,d,c.delay);g.push(k);0==a.__animations++&&this.active.push(a)}a.__validators[d]&&(b=a.__validators[d].call(a,b));k=new MathBox.Animator.Animation(a,
+d,b,c.duration,c.callback,c.ease);g.push(k);c.hold&&(k=new MathBox.Animator.Delay(a,d,c.hold),g.push(k),0==a.__animations++&&this.active.push(a));0==a.__animations++&&this.active.push(a)}.bind(this))},dequeue:function(a,b,c){var e=a.__queue[b];if(e){var d=e.shift();0==e.length&&delete a.__queue[b];c&&d.skip();0==--a.__animations&&this.active.splice(this.active.indexOf(a),1)}},update:function(a){MathBox.Animator.now+=a;a=this.active.slice();_.each(a,function(a){var c=0;_.each(a.__queue,function d(g,
+k){var h=g[0];value=h.apply(c||0);h.done()&&(c=h.extra(),this.dequeue(a,k),g[0]&&d.call(this,g,k))}.bind(this))}.bind(this))}};MathBox.Animator.Delay=function(a,b,c){this.object=a;this.key=b;this.duration=c;this.fraction=this.start=0};
 MathBox.Animator.Delay.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0)},apply:function(a){this.start||this.init(a);this.fraction=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/this.duration):1},skip:function(){this.duration=0},hurry:function(a){this.duration=this.duration*this.fraction+this.duration*(1-this.fraction)/a},extra:function(){return MathBox.Animator.now-this.start-this.duration},done:function(){return 1==this.fraction}};
-MathBox.Animator.Animation=function(a,b,c,d,e,g){this.object=a;this.key=b;this.from=null;this.to=c;this.duration=d;this.fraction=this.start=0;this.callback=e;this.ease=g};
-MathBox.Animator.Animation.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0);null===this.from&&(this.from=this.object.get(this.key));void 0===this.from&&(this.from=0)},apply:function(a){function b(a,b){return a+(b-a)*f}function c(a,e){void 0===e&&(e=a);void 0===a&&(a=e);if(e===a)return a;if(typeof a!=typeof e)throw console.log(d,g),"Data type mismatch between from/to values in animator. "+g+": "+a+" ("+a.constructor+"), "+e+"("+e.constructor+")";var f;switch(typeof e){default:case "string":throw"Unimplemented value type in animator. ("+
-typeof e+")";case "function":return function(){return c(a.apply(this,arguments),e.apply(this,arguments))};case "boolean":return 0.5<k?e:a;case "number":return b(a,e);case "object":if(!a)return e;if(!e)return a;if(e.constructor==Array)return f=[],_.loop(a.length,function(b){f[b]=c(a[b],e[b])}),f;if(e.constructor==THREE.Matrix4){f=new THREE.Matrix4;for(var h=0;16>h;++h)f.elements[h]=b(a.elements[h],e.elements[h]);return f}return e.constructor==THREE.Vector3?(f=new THREE.Vector3,f.x=b(a.x,e.x),f.y=b(a.y,
-e.y),f.z=b(a.z,e.z),f):e.constructor==THREE.Color?(f=new THREE.Color,f.r=b(a.r,e.r),f.g=b(a.g,e.g),f.b=b(a.b,e.b),f):0.5<k?e:a}}this.start||this.init(a);var d=this.object;a=this.from;var e=this.to,g=this.key,h=this.ease,k;this.fraction=k=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/(this.duration||1)):1;var f;switch(h){case "in":f=1-(1-k)*(1-k);break;case "out":f=k*k;break;case "linear":f=k;break;default:f=0.5-0.5*Math.cos(k*\u03c0)}a=c(a,e);this.object.set(this.key,a,!0)},hurry:function(a){this.duration=
+MathBox.Animator.Animation=function(a,b,c,e,d,g){this.object=a;this.key=b;this.from=null;this.to=c;this.duration=e;this.fraction=this.start=0;this.callback=d;this.ease=g};
+MathBox.Animator.Animation.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0);null===this.from&&(this.from=this.object.get(this.key));void 0===this.from&&(this.from=0)},apply:function(a){function b(a,b){return a+(b-a)*f}function c(a,d){void 0===d&&(d=a);void 0===a&&(a=d);if(d===a)return a;if(typeof a!=typeof d)throw console.log(e,g),"Data type mismatch between from/to values in animator. "+g+": "+a+" ("+a.constructor+"), "+d+"("+d.constructor+")";var f;switch(typeof d){default:case "string":throw"Unimplemented value type in animator. ("+
+typeof d+")";case "function":return function(){return c(a.apply(this,arguments),d.apply(this,arguments))};case "boolean":return 0.5<h?d:a;case "number":return b(a,d);case "object":if(!a)return d;if(!d)return a;if(d.constructor==Array)return f=[],_.loop(a.length,function(b){f[b]=c(a[b],d[b])}),f;if(d.constructor==THREE.Matrix4){f=new THREE.Matrix4;for(var k=0;16>k;++k)f.elements[k]=b(a.elements[k],d.elements[k]);return f}return d.constructor==THREE.Vector3?(f=new THREE.Vector3,f.x=b(a.x,d.x),f.y=b(a.y,
+d.y),f.z=b(a.z,d.z),f):d.constructor==THREE.Color?(f=new THREE.Color,f.r=b(a.r,d.r),f.g=b(a.g,d.g),f.b=b(a.b,d.b),f):0.5<h?d:a}}this.start||this.init(a);var e=this.object;a=this.from;var d=this.to,g=this.key,k=this.ease,h;this.fraction=h=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/(this.duration||1)):1;var f;switch(k){case "in":f=1-(1-h)*(1-h);break;case "out":f=h*h;break;case "linear":f=h;break;default:f=0.5-0.5*Math.cos(h*\u03c0)}a=c(a,d);this.object.set(this.key,a,!0)},hurry:function(a){this.duration=
 this.duration*this.fraction+this.duration*(1-this.fraction)/a},skip:function(){this.duration=0;this.fraction=1;this.done()},extra:function(){return MathBox.Animator.now-this.start-this.duration},done:function(){return 1==this.fraction?(this.object.set(this.key,this.to,!0),this.callback&&this.callback(),this.callback=null,!0):!1}};
 MathBox.Stage=function(a,b,c){this.options=a=a||{};this._world=b;this.overlay=c;b&&b.on("resize",function(a,b){this.overlay.size(a,b);this.width=a;this.height=b}.bind(this));this.primitives=[];this.materials=new MathBox.Materials(this);this.animator=new MathBox.Animator;this._transition=0;this._speed=1;b&&(this.cameraProxy=new MathBox.CameraProxy(b,this.options));this.viewport({});this.loadPrimitives();void 0!==a.transition&&this.transition(a.transition);void 0!==a.speed&&this.speed(a.speed)};
 MathBox.Stage.prototype=new THREE.Object3D;MathBox.Attributes.mixin(MathBox.Stage);MicroEvent.mixin(MathBox.Stage);
-MathBox.Stage.prototype=_.extend(MathBox.Stage.prototype,{update:function(){var a=this._viewport,b=this._world.tCamera(),c=this.width,d=this.height,e=this._speed;this.cameraProxy.update();var g=+new Date;this.last||(this.last=g-1E3/60);this.animator.update(e*(g-this.last));this.last=g;a.update(this);_.each(this.primitives,function(e){e.adjust(a,b,c,d,this);e=e.renderables();_.each(e,function(e){e.isVisible()&&e.adjust(a,b,c,d,this)}.bind(this))}.bind(this));this.overlay&&this.overlay.update(b)},add:function(a,
+MathBox.Stage.prototype=_.extend(MathBox.Stage.prototype,{update:function(){var a=this._viewport,b=this._world.tCamera(),c=this.width,e=this.height,d=this._speed;this.cameraProxy.update();var g=+new Date;this.last||(this.last=g-1E3/60);this.animator.update(d*(g-this.last));this.last=g;a.update(this);_.each(this.primitives,function(d){d.adjust(a,b,c,e,this);d=d.renderables();_.each(d,function(d){d.isVisible()&&d.adjust(a,b,c,e,this)}.bind(this))}.bind(this));this.overlay&&this.overlay.update(b)},add:function(a,
 b){if(a instanceof THREE.Object3D)return a instanceof MathBox.Sprite?this.overlay.add(a):THREE.Object3D.prototype.add.call(this,a);this._add(a);b=this.animateOptions(b);var c=a.style.get("opacity");b&&0<c&&(a.style.set("opacity",0),this.animator.animate(a.style,{opacity:c},b));return this},remove:function(a,b){if(a instanceof THREE.Object3D)return a instanceof MathBox.Sprite?this.overlay.remove(a):THREE.Object3D.prototype.remove.call(this,a);if("string"==typeof a)return _.each(this.select(a),function(a){this.remove(a,
-b)}.bind(this));if(!a.singleton){var c=function(){this._remove(a)}.bind(this);b=this.animateOptions(b);var d=a.style.get("opacity");b&&0<d?(b.callback=c,this.animator.animate(a.style,{opacity:0},b),a.removed=!0):c();return this}},_add:function(a){var b=this.materials;-1==this.primitives.indexOf(a)&&(this.primitives.push(a),a.make(),a=a.renderables(),_.each(a,function(a){a.make(b);a.object&&this.add(a.object)}.bind(this)))},_remove:function(a){if(-1!=this.primitives.indexOf(a)){this.primitives.splice(this.primitives.indexOf(a),
-1);var b=a.renderables();_.each(b,function(a){a.object&&this.remove(a.object);a.destroy()}.bind(this));a.destroy()}},select:function(a,b){var c=[];if("object"==typeof a)return a.constructor==Array?a:[a];var d=function(a){var c=[];if("*"==a)return c=this.primitives.slice(),c.push(this.viewport()),c.push(this.cameraProxy),c;if(a==+a)return _.each(this.primitives,function(d){!b&&d.removed||d.get("sequence")!=a||c.push(d)}),c;var d=a.match(/^\s*#([a-zA-Z0-9_-]+)|([a-zA-Z0-9_-]+)?\s*$/);if(!d)return[];
-var k=d[2],f=d[1];if(f)_.each(this.primitives,function(a){!b&&a.removed||a.get("id")!=f||c.push(a)});else{if("camera"==k)return this.cameraProxy&&[this.cameraProxy]||[];if("viewport"==k)return[this.viewport()];k&&_.each(this.primitives,function(a){!b&&a.removed||a.type()!=k||c.push(a)})}return c}.bind(this),c=[];a=(""+a).split(",");_.each(a,function(a){c=c.concat(d(a))});return c},set:function(a,b){b=this.extractStyle(b);_.each(this.select(a),function(a){a.set(b);b.style&&a.style.set(b.style)});return this},
+b)}.bind(this));if(!a.singleton){var c=function(){this._remove(a)}.bind(this);b=this.animateOptions(b);var e=a.style.get("opacity");b&&0<e?(b.callback=c,this.animator.animate(a.style,{opacity:0},b),a.removed=!0):c();return this}},_add:function(a){var b=this.materials;-1==this.primitives.indexOf(a)&&(this.primitives.push(a),a.make(),a=a.renderables(),_.each(a,function(a){a.make(b);a.object&&this.add(a.object)}.bind(this)))},_remove:function(a){if(-1!=this.primitives.indexOf(a)){this.primitives.splice(this.primitives.indexOf(a),
+1);var b=a.renderables();_.each(b,function(a){a.object&&this.remove(a.object);a.destroy()}.bind(this));a.destroy()}},select:function(a,b){var c=[];if("object"==typeof a)return a.constructor==Array?a:[a];var e=function(a){var c=[];if("*"==a)return c=this.primitives.slice(),c.push(this.viewport()),c.push(this.cameraProxy),c;if(a==+a)return _.each(this.primitives,function(e){!b&&e.removed||e.get("sequence")!=a||c.push(e)}),c;var e=a.match(/^\s*#([a-zA-Z0-9_-]+)|([a-zA-Z0-9_-]+)?\s*$/);if(!e)return[];
+var h=e[2],f=e[1];if(f)_.each(this.primitives,function(a){!b&&a.removed||a.get("id")!=f||c.push(a)});else{if("camera"==h)return this.cameraProxy&&[this.cameraProxy]||[];if("viewport"==h)return[this.viewport()];h&&_.each(this.primitives,function(a){!b&&a.removed||a.type()!=h||c.push(a)})}return c}.bind(this),c=[];a=(""+a).split(",");_.each(a,function(a){c=c.concat(e(a))});return c},set:function(a,b){b=this.extractStyle(b);_.each(this.select(a),function(a){a.set(b);b.style&&a.style.set(b.style)});return this},
 get:function(a){var b=this.animator;a=this.select(a);if(1>a.length)return{};var c=a[0];a=b.finalState(c);c.style&&(b=b.finalState(c.style),a.style=b);return a},transition:function(a){return void 0!==a?(this._transition=a,this):this._transition},speed:function(a){return void 0!==a?(this._speed=a,this):this._speed},animateOptions:function(a,b){var c=this._transition;!0===a&&(a={});if(c||b||a&&(a.delay||a.duration||a.hold))a=_.extend({delay:0,duration:c||0,hold:0},a||{});if(a&&(a.delay||a.duration||
-a.hold))return a},animate:function(a,b,c){var d=this.animator;b=this.extractStyle(b);c=this.animateOptions(c,!0);b.style&&(_.each(this.select(a),function(a){c?d.animate(a.style,b.style,c):a.style.set(b.style)}),b=_.extend({},b),delete b.style);_.each(this.select(a),function(a){c?d.animate(a,b,c):a.set(b)});return this},clone:function(a,b,c){_.each(this.select(a),function(a){var e=this.get(a);delete e.sequence;var g=_.extend({},b),h=[];_.each(b,function(a,c){if("id"==c||"boolean"==typeof a||null===
-a)e[c]=b[c],h.push(c)});_.each(h,function(a){delete g[a]});e.id==a.get("id")&&(e.id=(e.id||"")+"-clone");a=this.spawn(a.type(),e,{duration:0});this.animate(a,g,c)}.bind(this));return this},hurry:function(a,b,c){var d=this.animator;_.each(this.select(a,!0),function(a){d.hurry(a,b,c);a.style&&d.hurry(a.style,b,c)});return this},halt:function(a,b){var c=this.animator;_.each(this.select(a,!0),function(a){c.stop(a,b);a.style&&c.stop(a.style,b)});return this},viewport:function(a){if(void 0!==a){if(!this._viewport||
+a.hold))return a},animate:function(a,b,c){var e=this.animator;b=this.extractStyle(b);c=this.animateOptions(c,!0);b.style&&(_.each(this.select(a),function(a){c?e.animate(a.style,b.style,c):a.style.set(b.style)}),b=_.extend({},b),delete b.style);_.each(this.select(a),function(a){c?e.animate(a,b,c):a.set(b)});return this},clone:function(a,b,c){_.each(this.select(a),function(a){var d=this.get(a);delete d.sequence;var g=_.extend({},b),k=[];_.each(b,function(a,c){if("id"==c||"boolean"==typeof a||null===
+a)d[c]=b[c],k.push(c)});_.each(k,function(a){delete g[a]});d.id==a.get("id")&&(d.id=(d.id||"")+"-clone");a=this.spawn(a.type(),d,{duration:0});this.animate(a,g,c)}.bind(this));return this},hurry:function(a,b,c){var e=this.animator;_.each(this.select(a,!0),function(a){e.hurry(a,b,c);a.style&&e.hurry(a.style,b,c)});return this},halt:function(a,b){var c=this.animator;_.each(this.select(a,!0),function(a){c.stop(a,b);a.style&&c.stop(a.style,b)});return this},viewport:function(a){if(void 0!==a){if(!this._viewport||
 a.type&&a.type!=this.options.viewport.type){this._viewport&&(a=_.extend({},this._viewport.get(),a));this._viewport=MathBox.Viewport.make(a);a=this.primitives.slice();var b=this;_.each(a,function(a){b._remove(a);b._add(a)})}else this._viewport.set(a);this.options.viewport=this._viewport.get();return this}return this._viewport},camera:function(a){_.each(this.select("camera"),function(b){b.set(a)});return this},start:function(){this._world&&this._world.start();return this},stop:function(){this._world&&
-this._world.stop();return this},world:function(){return this._world},extractStyle:function(a){var b=MathBox.Style.prototype.defaults(),c=null;_.each(a,function(d,e){void 0!==b[e]&&(delete a[e],c=c||{},c[e]=d)});c&&(a.style=_.extend(a.style||{},c));return a},spawn:function(a,b,c){return MathBox.Primitive.types[a]?(this[a](b,c),this.primitives[this.primitives.length-1]):this},loadPrimitives:function(){_.each(MathBox.Primitive.types,function(a,b){this[b]=function(b,d){a.validateArgs&&(b=a.validateArgs(b));
-var e=new a(this.extractStyle(b));this.add(e,d);return this}}.bind(this))}});MathBox.Materials=function(a){this.stage=a;this.cache={}};
-MathBox.Materials.prototype={hash:function(a){var b=Object.keys(a),c="";b.sort();_.each(b,function(b){c+=b+"/";c+=a[b]+"/"});return c},clone:function(a){var b=new THREE.ShaderMaterial({vertexShader:a.vertexShader,fragmentShader:a.fragmentShader});b.attributes=a.attributes?{}:null;b.uniforms={};b.wireframe=a.wireframe;b.applyUniforms=a.applyUniforms;b.applyAttributes=a.applyAttributes;_.each(a.uniforms,function(a,d){b.uniforms[d]={type:a.type,value:a.value&&a.value.clone?a.value.clone():a.value}});
-_.each(a.attributes,function(a,d){b.attributes[d]={type:a.type,value:a.value}});return b},generic:function(a){a=a||{};if(!a.shaders||!Object.keys(a.shaders).length){var b=this.hash(a);if(this.cache[b])return this.clone(this.cache[b])}var c=this.factory(),d=a.shaders||{};d.position?d.position(c,this):(this.position(c,a),a.absolute||(a.shaded&&a.smooth?(c.group(),this.viewport(c),c.next(),this.viewport(c),c.next(),this.viewport(c),c.combine()):this.viewport(c)));a=this.finalize(c,a);b&&(this.cache[b]=
+this._world.stop();return this},world:function(){return this._world},extractStyle:function(a){var b=MathBox.Style.prototype.defaults(),c=null;_.each(a,function(e,d){void 0!==b[d]&&(delete a[d],c=c||{},c[d]=e)});c&&(a.style=_.extend(a.style||{},c));return a},spawn:function(a,b,c){return MathBox.Primitive.types[a]?(this[a](b,c),this.primitives[this.primitives.length-1]):this},loadPrimitives:function(){_.each(MathBox.Primitive.types,function(a,b){this[b]=function(b,e){a.validateArgs&&(b=a.validateArgs(b));
+var d=new a(this.extractStyle(b));this.add(d,e);return this}}.bind(this))}});MathBox.Materials=function(a){this.stage=a;this.cache={}};
+MathBox.Materials.prototype={hash:function(a){var b=Object.keys(a),c="";b.sort();_.each(b,function(b){c+=b+"/";c+=a[b]+"/"});return c},clone:function(a){var b=new THREE.ShaderMaterial({vertexShader:a.vertexShader,fragmentShader:a.fragmentShader});b.attributes=a.attributes?{}:null;b.uniforms={};b.wireframe=a.wireframe;b.applyUniforms=a.applyUniforms;b.applyAttributes=a.applyAttributes;_.each(a.uniforms,function(a,e){b.uniforms[e]={type:a.type,value:a.value&&a.value.clone?a.value.clone():a.value}});
+_.each(a.attributes,function(a,e){b.attributes[e]={type:a.type,value:a.value}});return b},generic:function(a){a=a||{};if(!a.shaders||!Object.keys(a.shaders).length){var b=this.hash(a);if(this.cache[b])return this.clone(this.cache[b])}var c=this.factory(),e=a.shaders||{};e.position?e.position(c,this):(this.position(c,a),a.absolute||(a.shaded&&a.smooth?(c.group(),this.viewport(c),c.next(),this.viewport(c),c.next(),this.viewport(c),c.combine()):this.viewport(c)));a=this.finalize(c,a);b&&(this.cache[b]=
 a);return a},position:function(a,b){b=b||{};a.snippet(b.shaded&&b.smooth?"getPositionDUDV":"getPosition");b.absolute||(b.shaded&&b.smooth?a.group().snippet("mathTransform").next().snippet("mathTransform").next().snippet("mathTransform").combine():a.snippet("mathTransform"));return a},factory:function(){return new ShaderGraph.Factory},finalize:function(a,b){b=b||{};var c=b.shaders||{};b.shaded?b.smooth?a.snippet("projectToViewDUDV"):a.snippet("projectToViewNormal"):a.snippet("projectToView");c.material?
-c.material(a,this):a.material("vertexOutput",{points:"fragmentSolidPoint",mesh:b.shaded?"fragmentShaded":"fragmentSolid"}[b.type]||"fragmentSolid");c=a.end().compile();c=new THREE.ShaderMaterial({uniforms:c.uniforms,attributes:c.attributes,vertexShader:c.vertexShader,fragmentShader:c.fragmentShader});b.wireframe&&(c.wireframe=!0);var d=this.apply.bind(this);c.applyUniforms=function(a){d(this,a,"uniforms")};c.applyAttributes=function(a){d(this,a,"attributes")};return c},apply:function(a,b,c){var d=
-a[c];_.each(b,function(a,b){var c=d[b];c&&(a instanceof THREE.Color&&(a.x=a.r,a.y=a.g,a.z=a.b),c.value=a,c.needsUpdate=!0)});if("uniforms"==c){c=a.uniforms;if(b.map&&(c.texture&&(c.texture.value=b.map),c.offsetRepeat)){var e=b.map.offset,g=b.map.repeat;c.offsetRepeat.value.set(e.x,e.y,g.x,g.y)}void 0!==b.lineWidth&&(a.wireframeLinewidth=a.linewidth=b.lineWidth);void 0!==b.opacity&&(a.transparent=1>b.opacity)}},viewport:function(a,b){this.stage.viewport().shader(a,b)}};
-MathBox.Ticks=function(a,b,c,d,e,g,h){var k=(b-a)/(c||10);d=d||1;e=e||10;var f=d*((h||0)+Math.pow(e,Math.floor(Math.log(k/d)/Math.log(e))));c=_.map(0==e%2?[e/2,1,0.5]:[1],function(a){return f*a});var l=_.reduce(c,function(a,b){return Math.abs(b-k)<Math.abs(a-k)?b:a},f);g=+!g;a=(Math.ceil(a/l)+g)*l;b=(Math.floor(b/l)-g)*l;c=Math.ceil((b-a)/l)+1;var m=[];_.loop(c,function(b){m.push(a+b*l)});return m};MathBox.TicksLog=function(a,b,c,d,e,g){};
-tQuery.World.registerInstance("mathBox",function(a,b){a=a||document.body;this.threeBox(a,b);var c=new MathBox.Overlay;a.appendChild(c.domElement);c.domElement.style.position="absolute";c.domElement.style.left=0;c.domElement.style.top=0;c.domElement.style.right=0;c.domElement.style.bottom=0;var d=new MathBox.Stage(b,this,c),e=function(){d.update()};this.tScene().add(d);this._renderer.setClearColorHex(16777215,1);d.unhook=function(){this.loop().unhookPreRender(e)};this.loop().hookPreRender(e);b.cameraControls||
-(c=this.tCamera(),c.position.x=0,c.position.y=0,c.position.z=b.orbit,c.lookAt(new THREE.Vector3(0,0,0)));return d});MathBox.Director=function(a,b){this._stage=a;this.script=b||[];this.rollback={};this.clocks={};this.time=this.lastCommand=this.step=0;this.lastTime=+new Date};
-MathBox.Director.prototype={clock:function(a,b){if(a>this.step)return 0;var c=+new Date;this.time+=(c-this.lastTime)*this.stage().speed();this.lastTime=c;if(b||!this.clocks[a])this.clocks[a]=this.time;return 0.001*(this.time-this.clocks[a])},invert:function(a){var b=this._stage,c=[],d,e=a[0],g=a[1],h=a[2]||{},k=a[3];"remove"==e&&(k=h);k={delay:k&&void 0!==k.hold?k.hold/4:0,duration:k&&void 0!==k.duration?k.duration/4:0,hold:k&&void 0!==k.delay?k.delay/4:0};switch(e){case "add":d=[0];case "clone":d=
-d||b.select(g);_.each(d,function(a,b){c.push(["remove",h.sequence||MathBox.Primitive.sequence+1+b,k])});break;case "remove":d=b.select(g);_.each(d,function(a){c.push(["add",a.type(),b.get(a),k])});break;case "animate":case "set":d=b.select(g),_.each(d,function(a){var d=b.get(a),g={};for(i in h)g[i]=d.style&&void 0!==d.style[i]?d.style[i]:d[i];c.push([e,a.singleton||a.get("sequence"),g,k])})}return c},invertDelay:function(a){function b(a){var b=a[2]||{},c=["opacity"];if("animate"==a[0])for(d in c=
-[],b)if("style"==d)for(j in b.style)c.push(j);else c.push(d);return c}var c=[],d,e={};a.forEach(function(a){var c=a[0],d=a[1]||"",g=a[2]||{},h=a[3]||{};if("set"==c)return null;"add"==c&&(d=g.sequence);"remove"==c&&(h=g);b(a).forEach(function(a){a=[d,a].join(".");e[a]||(e[a]=[]);h=h||{};e[a].push((h.delay||0)+(h.duration||0)+(h.hold||0))})});var g=0;for(d in e)var h=e[d]=e[d].reduce(function(a,b){return a+b}),g=Math.max(g,h);a.forEach(function(a){var d=a[0],h=a[1]||"",m=a[2]||{},n=a[3]||{},t;if("set"==
-d)return c.push(a);"add"==d&&(t=h,h=m.sequence);"remove"==d&&(n=m);b(a).forEach(function(a){var b=[h,a].join("."),k=n.delay||0,u=n.duration||0,v=n.hold||0;void 0!==e[b]&&(k+=g-e[b],delete e[b]);n={delay:k,duration:u,hold:v};"add"==d&&c.push([d,t,m,n]);"remove"==d?c.push([d,h,n]):(b={},b[a]=m.style&&void 0!==m.style[a]?m.style[a]:m[a],c.push([d,h,b,n]))})});return c},apply:function(a,b,c,d){var e=this._stage;_.each(a,function(a){var h=a[0]||"",k=a[1]||"",f=a[2]||{},l=a[3]||{};"remove"==h&&(l=f);b&&
-(a=this.invert(a),a=[0,0].concat(a),Array.prototype.splice.apply(b,a));d&&l&&(l=_.extend({},l),l.delay/=2,l.duration/=2,l.hold/=2);c&&(l={delay:0,duration:0,hold:0},"animate"==h&&(h="set"));switch(h){case "clone":e.clone(k,f,l);break;case "add":e.spawn(k,f,l);break;case "remove":_.each(e.select(k),function(a){e.remove(a,l)});break;case "set":var h=e.select(k),m=f.constructor==Array;_.each(h,function(a,b){e.set(a,m?f[b]:f)});break;case "animate":h=e.select(k),m=f.constructor==Array,_.each(h,function(a,
-b){e.animate(a,m?f[b]:f,l)})}}.bind(this));return this},insert:function(a){a[0].constructor!=Array&&(a=[a]);this.script.splice(this.step,0,a);this.forward();return this},is:function(a){if(!this.script.length)return!1;for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+1;)a-=this.script.length+1;return a==this.step},isFirst:function(){return this.is(0)},isLast:function(){return this.is(-1)},go:function(a,b){if(this.script.length){for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+
-1;)a-=this.script.length+1;for(;a>this.step;)this.forward(b);for(;a<this.step;)this.back(b)}},skipping:function(){var a=+new Date,b=!1;500>a-this.lastCommand&&(b=!0);this.stage().hurry("*");this.lastCommand=a;return b},forward:function(a,b){if(!(this.step>=this.script.length)){var c=this.step,d=this.script[c],e=this.rollback[c]=[];this.step++;var g=function(){this.apply(d,e,a,a?!1:this.skipping());this.rollback[c]=this.invertDelay(e);this.clock(c+1,!0);this.emit("go",c+1,1)}.bind(this);b?setTimeout(g,
-+b):g();return this}},back:function(a,b){if(!(0>=this.step)){this.step--;var c=this.step,d=this.rollback[c],e=function(){this.apply(d,null,a||this.skipping());delete this.rollback[c];this.emit("go",c,-1)}.bind(this);b?setTimeout(e,+b):e();return this}},stage:function(){return this._stage}};_.each(MathBox.Stage.prototype,function(a,b){MathBox.Director.prototype[b]||(MathBox.Director.prototype[b]=function(){var b=this.stage[a].apply(this.stage,arguments);return b===this.stage?this:b})});MicroEvent.mixin(MathBox.Director);
+c.material(a,this):a.material("vertexOutput",{points:"fragmentSolidPoint",mesh:b.shaded?"fragmentShaded":"fragmentSolid"}[b.type]||"fragmentSolid");c=a.end().compile();c=new THREE.ShaderMaterial({uniforms:c.uniforms,attributes:c.attributes,vertexShader:c.vertexShader,fragmentShader:c.fragmentShader});b.wireframe&&(c.wireframe=!0);var e=this.apply.bind(this);c.applyUniforms=function(a){e(this,a,"uniforms")};c.applyAttributes=function(a){e(this,a,"attributes")};return c},apply:function(a,b,c){var e=
+a[c];_.each(b,function(a,b){var c=e[b];c&&(a instanceof THREE.Color&&(a.x=a.r,a.y=a.g,a.z=a.b),c.value=a,c.needsUpdate=!0)});if("uniforms"==c){c=a.uniforms;if(b.map&&(c.texture&&(c.texture.value=b.map),c.offsetRepeat)){var d=b.map.offset,g=b.map.repeat;c.offsetRepeat.value.set(d.x,d.y,g.x,g.y)}void 0!==b.lineWidth&&(a.wireframeLinewidth=a.linewidth=b.lineWidth);void 0!==b.opacity&&(a.transparent=1>b.opacity)}},viewport:function(a,b){this.stage.viewport().shader(a,b)}};
+MathBox.Ticks=function(a,b,c,e,d,g,k){var h=(b-a)/(c||10);e=e||1;d=d||10;var f=e*((k||0)+Math.pow(d,Math.floor(Math.log(h/e)/Math.log(d))));c=_.map(0==d%2?[d/2,1,0.5]:[1],function(a){return f*a});var l=_.reduce(c,function(a,b){return Math.abs(b-h)<Math.abs(a-h)?b:a},f);g=+!g;a=(Math.ceil(a/l)+g)*l;b=(Math.floor(b/l)-g)*l;c=Math.ceil((b-a)/l)+1;var m=[];_.loop(c,function(b){m.push(a+b*l)});return m};MathBox.TicksLog=function(a,b,c,e,d,g){};
+tQuery.World.registerInstance("mathBox",function(a,b){a=a||document.body;this.threeBox(a,b);var c=new MathBox.Overlay;a.appendChild(c.domElement);c.domElement.style.position="absolute";c.domElement.style.left=0;c.domElement.style.top=0;c.domElement.style.right=0;c.domElement.style.bottom=0;var e=new MathBox.Stage(b,this,c),d=function(){e.update()};this.tScene().add(e);this._renderer.setClearColorHex(16777215,1);e.unhook=function(){this.loop().unhookPreRender(d)};this.loop().hookPreRender(d);b.cameraControls||
+(c=this.tCamera(),c.position.x=0,c.position.y=0,c.position.z=b.orbit,c.lookAt(new THREE.Vector3(0,0,0)));return e});MathBox.Director=function(a,b){this._stage=a;this.script=b||[];this.rollback={};this.clocks={};this.time=this.lastCommand=this.step=0;this.lastTime=+new Date};
+MathBox.Director.prototype={clock:function(a,b){if(a>this.step)return 0;var c=+new Date;this.time+=(c-this.lastTime)*this.stage().speed();this.lastTime=c;if(b||!this.clocks[a])this.clocks[a]=this.time;return 0.001*(this.time-this.clocks[a])},invert:function(a){var b=this._stage,c=[],e,d=a[0],g=a[1],k=a[2]||{},h=a[3];"remove"==d&&(h=k);h={delay:h&&void 0!==h.hold?h.hold/4:0,duration:h&&void 0!==h.duration?h.duration/4:0,hold:h&&void 0!==h.delay?h.delay/4:0};switch(d){case "add":e=[0];case "clone":e=
+e||b.select(g);_.each(e,function(a,b){c.push(["remove",k.sequence||MathBox.Primitive.sequence+1+b,h])});break;case "remove":e=b.select(g);_.each(e,function(a){c.push(["add",a.type(),b.get(a),h])});break;case "animate":case "set":e=b.select(g),_.each(e,function(a){var e=b.get(a),g={};for(i in k)g[i]=e.style&&void 0!==e.style[i]?e.style[i]:e[i];c.push([d,a.singleton||a.get("sequence"),g,h])})}return c},invertDelay:function(a){function b(a){var b=a[2]||{},c=["opacity"];if("animate"==a[0])for(e in c=
+[],b)if("style"==e)for(j in b.style)c.push(j);else c.push(e);return c}var c=[],e,d={};a.forEach(function(a){var c=a[0],e=a[1]||"",g=a[2]||{},k=a[3]||{};if("set"==c)return null;"add"==c&&(e=g.sequence);"remove"==c&&(k=g);b(a).forEach(function(a){a=[e,a].join(".");d[a]||(d[a]=[]);k=k||{};d[a].push((k.delay||0)+(k.duration||0)+(k.hold||0))})});var g=0;for(e in d)var k=d[e]=d[e].reduce(function(a,b){return a+b}),g=Math.max(g,k);a.forEach(function(a){var e=a[0],k=a[1]||"",m=a[2]||{},n=a[3]||{},t;if("set"==
+e)return c.push(a);"add"==e&&(t=k,k=m.sequence);"remove"==e&&(n=m);b(a).forEach(function(a){var b=[k,a].join("."),h=n.delay||0,u=n.duration||0,v=n.hold||0;void 0!==d[b]&&(h+=g-d[b],delete d[b]);n={delay:h,duration:u,hold:v};"add"==e&&c.push([e,t,m,n]);"remove"==e?c.push([e,k,n]):(b={},b[a]=m.style&&void 0!==m.style[a]?m.style[a]:m[a],c.push([e,k,b,n]))})});return c},apply:function(a,b,c,e){var d=this._stage;_.each(a,function(a){var k=a[0]||"",h=a[1]||"",f=a[2]||{},l=a[3]||{};"remove"==k&&(l=f);b&&
+(a=this.invert(a),a=[0,0].concat(a),Array.prototype.splice.apply(b,a));e&&l&&(l=_.extend({},l),l.delay/=2,l.duration/=2,l.hold/=2);c&&(l={delay:0,duration:0,hold:0},"animate"==k&&(k="set"));switch(k){case "clone":d.clone(h,f,l);break;case "add":d.spawn(h,f,l);break;case "remove":_.each(d.select(h),function(a){d.remove(a,l)});break;case "set":var k=d.select(h),m=f.constructor==Array;_.each(k,function(a,b){d.set(a,m?f[b]:f)});break;case "animate":k=d.select(h),m=f.constructor==Array,_.each(k,function(a,
+b){d.animate(a,m?f[b]:f,l)})}}.bind(this));return this},insert:function(a){a[0].constructor!=Array&&(a=[a]);this.script.splice(this.step,0,a);this.forward();return this},is:function(a){if(!this.script.length)return!1;for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+1;)a-=this.script.length+1;return a==this.step},isFirst:function(){return this.is(0)},isLast:function(){return this.is(-1)},go:function(a,b){if(this.script.length){for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+
+1;)a-=this.script.length+1;for(;a>this.step;)this.forward(b);for(;a<this.step;)this.back(b)}},skipping:function(){var a=+new Date,b=!1;500>a-this.lastCommand&&(b=!0);this.stage().hurry("*");this.lastCommand=a;return b},forward:function(a,b){if(!(this.step>=this.script.length)){var c=this.step,e=this.script[c],d=this.rollback[c]=[];this.step++;var g=function(){this.apply(e,d,a,a?!1:this.skipping());this.rollback[c]=this.invertDelay(d);this.clock(c+1,!0);this.emit("go",c+1,1)}.bind(this);b?setTimeout(g,
++b):g();return this}},back:function(a,b){if(!(0>=this.step)){this.step--;var c=this.step,e=this.rollback[c],d=function(){this.apply(e,null,a||this.skipping());delete this.rollback[c];this.emit("go",c,-1)}.bind(this);b?setTimeout(d,+b):d();return this}},stage:function(){return this._stage}};_.each(MathBox.Stage.prototype,function(a,b){MathBox.Director.prototype[b]||(MathBox.Director.prototype[b]=function(){var b=this.stage[a].apply(this.stage,arguments);return b===this.stage?this:b})});MicroEvent.mixin(MathBox.Director);
 MathBox.Style=function(a){var b=this.defaults();a=_.extend(b,a||{});this.set(a)};
 MathBox.Style.prototype={defaults:function(){return{color:new THREE.Color(3178736),opacity:1,lineWidth:2,pointSize:5,mathScale:new THREE.Vector3(1,1,1),mathRotation:new THREE.Vector3,mathPosition:new THREE.Vector3,worldScale:new THREE.Vector3(1,1,1),worldRotation:new THREE.Vector3,worldPosition:new THREE.Vector3,zIndex:0,map:null,mapColor:0,mapOpacity:0}},validateColor:function(a){if(a.constructor==Array){a=a.concat([0,0,0]);var b=new THREE.Color;return b.setRGB.apply(b,a)}return a.constructor==Number?
 new THREE.Color(a):a.constructor!=THREE.Color?this.get("color"):a},validateMathScale:function(a){if(a.constructor==Array){a=a.concat([1,1,1]);var b=new THREE.Vector3;return b.set.apply(b,a)}return a.constructor!=THREE.Vector3?this.get("mathScale"):a},validateMathRotation:function(a){if(a.constructor==Array){a=a.concat([0,0,0]);var b=new THREE.Vector3;return b.set.apply(b,a)}return a.constructor!=THREE.Vector3?this.get("mathRotation"):a},validateMathPosition:function(a){if(a.constructor==Array){a=
@@ -49,76 +48,78 @@ a},validateWorldPosition:function(a){if(a.constructor==Array){a=a.concat([0,0,0]
 MathBox.CameraProxy=function(a,b){this.set({orbit:void 0===b.orbit?3.5:b.orbit,phi:void 0===b.phi?\u03c4/4:b.phi,theta:b.theta||0,lookAt:b.lookAt||[0,0,0]});this.singleton="camera";var c=this.controls=a.getCameraControls()||ThreeBox.OrbitControls.bind(a.tCamera(),null,this.get());this.on("change",function(a){_.each(a,function(a,b){"lookAt"!=b&&(c[b]=a)});a.lookAt&&c.lookAt.set.apply(c.lookAt,a.lookAt);c.update()});c.update();this.update=function(){this.set({orbit:c.orbit,phi:c.phi,theta:c.theta},
 null,!0);var a=this.get("lookAt");a[0]=c.lookAt.x;a[1]=c.lookAt.y;a[2]=c.lookAt.z}};MathBox.Attributes.mixin(MathBox.CameraProxy);MathBox.Overlay=function(){(this.domElement=document.createElement("div")).className="mathbox-overlay";this.sprites=[];this.v=new THREE.Vector3;this.q=new THREE.Vector3};
 MathBox.Overlay.prototype={size:function(a,b){this.width=a;this.height=b;this.domElement.style.width=a+"px";this.domElement.style.height=b+"px"},add:function(a){-1==this.sprites.indexOf(a)&&(this.sprites.push(a),a.element.parentNode||this.domElement.appendChild(a.element),_.each(a.children,function(a){this.add(a)}.bind(this)))},remove:function(a){var b;-1!=(b=this.sprites.indexOf(a))&&(this.sprites.splice(b,1),a.element.parentNode&&a.element.parentNode.removeChild(a.element),_.each(a.children,function(a){this.remove(a)}.bind(this)))},
-update:function(a){this.fov=0.5/Math.tan(a.fov*Math.PI/360)*this.height;_.each(this.sprites,function(b){this._update(b,a)}.bind(this));_.each(this.sprites,function(b){this._measure(b,a)}.bind(this));_.each(this.sprites,function(b){this._vis(b,a)}.bind(this))},_measure:function(a,b){if(a.measure){var c=a.element;a.width=c.offsetWidth;a.height=c.offsetHeight;a.measure=!1}},_vis:function(a,b){if(a.render&&(a.width||a.height)){var c=a.left,d=a.top,e=a.width+c,g=a.height+d;found=!1;_.each(this.sprites,
-function(b){if(b===a)found=!0;else if(found&&b.render){var k=b.left,f=b.top,l=b.width+k,m=b.height+f;e<k||c>l||g<f||d>m||(b.element.style.display="none",b.render=!1)}})}},_update:function(a,b){for(var c=this.v,d=this.q,e=a.render,g=a.visible,h=a.parent;g&&h;)g=g&&h.visible,h=h.parent;a.render=g&&0<a.opacity;if(a.render)e||(a.element.style.display="block"),c.copy(a.position),b.matrixWorldInverse.multiplyVector3(c),e=-(c.x/c.z)*this.fov+0.5*this.width,g=c.y/c.z*this.fov+0.5*this.height,a.distance&&
-(d.copy(a.tangent).multiplyScalar(0.01),d.addSelf(a.position),b.matrixWorldInverse.multiplyVector3(d),h=0<a.distance?1:-1,d.subSelf(c),d.z=0,d.normalize().multiplyScalar(a.distance),e+=Math.abs(d.y)*h,g+=Math.abs(d.x)*h),e=Math.round(e),g=Math.round(g),a.left!==e&&(a.left=e,a.element.style.left=e+"px"),a.top!==g&&(a.top=g,a.element.style.top=g+"px"),a.lastOpacity!==a.opacity&&(a.element.style.opacity=a.opacity,a.lastOpacity=a.opacity);else if(e||null===e)a.element.style.display="none"}};
+update:function(a){this.fov=0.5/Math.tan(a.fov*Math.PI/360)*this.height;_.each(this.sprites,function(b){this._update(b,a)}.bind(this));_.each(this.sprites,function(b){this._measure(b,a)}.bind(this));_.each(this.sprites,function(b){this._vis(b,a)}.bind(this))},_measure:function(a,b){if(a.measure){var c=a.element;a.width=c.offsetWidth;a.height=c.offsetHeight;a.measure=!1}},_vis:function(a,b){if(a.render&&(a.width||a.height)){var c=a.left,e=a.top,d=a.width+c,g=a.height+e;found=!1;_.each(this.sprites,
+function(b){if(b===a)found=!0;else if(found&&b.render){var h=b.left,f=b.top,l=b.width+h,m=b.height+f;d<h||c>l||g<f||e>m||(b.element.style.display="none",b.render=!1)}})}},_update:function(a,b){for(var c=this.v,e=this.q,d=a.render,g=a.visible,k=a.parent;g&&k;)g=g&&k.visible,k=k.parent;a.render=g&&0<a.opacity;if(a.render)d||(a.element.style.display="block"),c.copy(a.position),b.matrixWorldInverse.multiplyVector3(c),d=-(c.x/c.z)*this.fov+0.5*this.width,g=c.y/c.z*this.fov+0.5*this.height,a.distance&&
+(e.copy(a.tangent).multiplyScalar(0.01),e.addSelf(a.position),b.matrixWorldInverse.multiplyVector3(e),k=0<a.distance?1:-1,e.subSelf(c),e.z=0,e.normalize().multiplyScalar(a.distance),d+=Math.abs(e.y)*k,g+=Math.abs(e.x)*k),d=Math.round(d),g=Math.round(g),a.left!==d&&(a.left=d,a.element.style.left=d+"px"),a.top!==g&&(a.top=g,a.element.style.top=g+"px"),a.lastOpacity!==a.opacity&&(a.element.style.opacity=a.opacity,a.lastOpacity=a.opacity);else if(d||null===d)a.element.style.display="none"}};
 MathBox.Sprite=function(a,b,c){this.element=a;this.tangent=b||new THREE.Vector3(1,0,0);this.distance=c||0;this.height=this.width=0;this.measure=this.visible=!0;this.render=null;this.content="";this.lastOpacity=this.lastTop=this.lastLeft=null;a.style.position="absolute";a.style.left=0;a.style.top=0;a.style.opacity=0;THREE.Object3D.call(this)};MathBox.Sprite.prototype=_.extend(new THREE.Object3D,{});
 MathBox.Primitive=function(a){if(null!==a){var b=this.defaults();a&&(a.style=_.extend(b.style,a.style||{}),a=_.extend(b,a||{}));a=a||b;this.set(a);this.style=new MathBox.Style;this.style.set(this.get().style||{});this.on("change",function(a){void 0!==a.style&&this.style.set(a.style)}.bind(this));this.set("sequence",a.sequence||++MathBox.Primitive.sequence);this.set("id",a.id||this.sequence);this.init()}};MathBox.Primitive.sequence=0;MathBox.Primitive.types={};
 MathBox.Primitive.prototype={defaults:function(){return{}},type:function(){return"primitive"},init:function(){},make:function(){},destroy:function(){},renderables:function(){return[]},adjust:function(a){}};MathBox.Attributes.mixin(MathBox.Primitive);MicroEvent.mixin(MathBox.Primitive);MathBox.Curve=function(a){null!==a&&MathBox.Primitive.call(this,a)};
-MathBox.Curve.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:64,domain:[0,1],data:null,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"curve"},renderables:function(){return[this.line,this.points]},adjust:function(a){a=this.get();this.line.show(a.line);this.points.show(a.points);(a.line||a.points)&&0<this.style.get("opacity")&&a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n,d=this.vertices=[];_.loop(c,
-function(){d.push(new THREE.Vector3)});c=function(c){return new MathBox.Renderable.Mesh(d,{type:c,dynamic:a.live},b)};this.line=c("line");this.points=c("points");this.calculate()},calculate:function(){var a=this.vertices,b=this.get(),c=b.data,d=b.domain,e=b.n,g=d[0],h=(d[1]-g)/(e-1),k;_.loop(e,function(e){k=c&&void 0!==c[e]?c[e]:b.expression.call(this,g,e);var d=0,m=0,n=0;if(k instanceof Array){var t=k.length;0<t&&(d=k[0]);1<t&&(m=k[1]);2<t&&(n=k[2])}else d=g,m=+k;a[e].set(d,m,n);g+=h}.bind(this))}});
+MathBox.Curve.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:64,domain:[0,1],data:null,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"curve"},renderables:function(){return[this.line,this.points]},adjust:function(a){a=this.get();this.line.show(a.line);this.points.show(a.points);(a.line||a.points)&&0<this.style.get("opacity")&&a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n,e=this.vertices=[];_.loop(c,
+function(){e.push(new THREE.Vector3)});c=function(c){return new MathBox.Renderable.Mesh(e,{type:c,dynamic:a.live},b)};this.line=c("line");this.points=c("points");this.calculate()},calculate:function(){var a=this.vertices,b=this.get(),c=b.data,e=b.domain,d=b.n,g=e[0],k=(e[1]-g)/(d-1),h;_.loop(d,function(d){h=c&&void 0!==c[d]?c[d]:b.expression.call(this,g,d);var e=0,m=0,n=0;if(h instanceof Array){var t=h.length;0<t&&(e=h[0]);1<t&&(m=h[1]);2<t&&(n=h[2])}else e=g,m=+h;a[d].set(e,m,n);g+=k}.bind(this))}});
 MathBox.Primitive.types.curve=MathBox.Curve;MathBox.Bezier=function(a){MathBox.Curve.call(this,a)};
-MathBox.Bezier.prototype=_.extend(new MathBox.Curve(null),{defaults:function(){return{n:64,domain:[0,1],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"bezier"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,g=b.n;if(1>e||3<e)throw"Bezier curve order must be 1, 2 or 3.";var h=[],k;_.loop(e+1,function(a){k=d&&void 0!==d[a]?d[a]:b.expression.call(this,a,a);var c=a=0,e=0;if(k instanceof Array){var g=k.length;
-0<g&&(a=k[0]);1<g&&(c=k[1]);2<g&&(e=k[2])}else a=l,c=+k;h.push(new THREE.Vector3(a,c,e))}.bind(this));var f={bezierPoints:h},l=c[0],m=(c[1]-l)/(g-1);_.loop(g,function(b){a[b].set(l,0,0);l+=m});c={uniforms:f,shaders:{position:function(a,b){a.snippet("bezier"+e).snippet("mathTransform");b.viewport(a)}}};this.line.set(c);this.points.set(c)}});MathBox.Primitive.types.bezier=MathBox.Bezier;
+MathBox.Bezier.prototype=_.extend(new MathBox.Curve(null),{defaults:function(){return{n:64,domain:[0,1],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"bezier"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,e=b.data,d=b.order,g=b.n;if(1>d||3<d)throw"Bezier curve order must be 1, 2 or 3.";var k=[],h;_.loop(d+1,function(a){h=e&&void 0!==e[a]?e[a]:b.expression.call(this,a,a);var c=a=0,d=0;if(h instanceof Array){var f=h.length;
+0<f&&(a=h[0]);1<f&&(c=h[1]);2<f&&(d=h[2])}else a=l,c=+h;k.push(new THREE.Vector3(a,c,d))}.bind(this));var f={bezierPoints:k},l=c[0],m=(c[1]-l)/(g-1);_.loop(g,function(b){a[b].set(l,0,0);l+=m});c={uniforms:f,shaders:{position:function(a,b){a.snippet("bezier"+d).snippet("mathTransform");b.viewport(a)}}};this.line.set(c);this.points.set(c)}});MathBox.Primitive.types.bezier=MathBox.Bezier;
 MathBox.Axis=function(a){null!==a&&(MathBox.Primitive.call(this,a),this.on("change",function(a){void 0!==a.size&&this.arrow&&this.arrow.set("size",a.size)}))};
-MathBox.Axis.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:0,offset:[0,0,0],n:2,arrow:!0,line:!0,labels:!1,decimals:2,distance:15,ticks:10,tickUnit:1,tickScale:10,size:0.07,style:{lineWidth:4,color:new THREE.Color(7368816)},formatter:null,zero:!0}},renderables:function(){return[this.line,this.ticks,this.arrow,this.labels]},type:function(){return"axis"},adjust:function(a,b){var c=this.get(),d=c.axis,e=c.offset,g=c.arrow,h=c.line,k=c.labels,f=c.n,l=c.ticks,m=c.tickUnit,
-n=c.tickScale,c=c.decimals,t=this.points,s=this.labelPoints,r=this.labelTangent,q=this.tickPoints,u=this.tickSigns,v=[0,0,0],x=new THREE.Vector3;new THREE.Vector4;var w=a.axis(d),y=w[0],w=w[1],A=(w-y)/(f-1);x.set.apply(x,e);_.loop(f,function(a){v[d]=y+a*A;t[a].set.apply(t[a],v);t[a].addSelf(x)});this.line.show(h);this.arrow.show(g);f=this.scale=MathBox.Ticks(y,w,l,m,n,!0);this.ticks.show(!!l);if(l){l=Math.floor(q.length/2);f.length>l&&(f=f.slice(0,l));var l=[0,0,0],z;l[2==d?0:1-d]=0.01*(w-y);this.epsilon.set.apply(this.epsilon,
-l);v=[0,0,0];_.each(f,function(a,b){v[d]=a;var c=2*b;q[c].set.apply(q[c],v);q[c].addSelf(x);u[c]=1;q[c+1].copy(q[c]);u[c+1]=-1;s[b].copy(q[c]);z=c+1});l=z+1;for(f=q.length;l<f;)q[l].copy(q[z]),u[l]=u[z],l++}v=[0,0,0];v[d]=1;r.set.apply(r,v);this.labels.show(!!k);this.labels.set("decimals",c)},make:function(){var a=this.get(),b=a.n,c=a.size,d=a.ticks,e=a.distance,g=a.formatter,h=this.style,k=this.points=[],f=this.labelPoints=[],l=this.labelTangent=new THREE.Vector3,m=this.tickPoints=[],n=this.tickSigns=
-[],t=this.epsilon=new THREE.Vector3;_.loop(b,function(a){k.push(new THREE.Vector3)});_.loop(4*d,function(a){f.push(new THREE.Vector3)});_.loop(8*d,function(a){m.push(new THREE.Vector3);n.push(1)});var d={dynamic:!0,size:c,offset:0.5},c={dynamic:!0,size:0.2*c},e={dynamic:!0,distance:e},s=function(b){b=this.scale[b];return 0!=b||a.zero?g?g(b):b:""}.bind(this);this.line=new MathBox.Renderable.Mesh(k,{dynamic:!0,type:"line"},h);this.arrow=new MathBox.Renderable.ArrowHead(k[b-2],k[b-1],d,h);this.ticks=
-new MathBox.Renderable.Ticks(m,n,t,c,h);this.labels=new MathBox.Renderable.Labels(f,l,s,e,h)}});MathBox.Axis.validateArgs=function(a){"number"==typeof a&&(a={axis:a});return a};MathBox.Primitive.types.axis=MathBox.Axis;MathBox.Grid=function(a){null!==a&&MathBox.Primitive.call(this,a)};
-MathBox.Grid.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:[0,1],offset:[0,0,0],show:[!0,!0],n:2,ticks:[10,10],tickUnit:[1,1],tickScale:[10,10],style:{lineWidth:1,color:new THREE.Color(10526880)}}},type:function(){return"grid"},renderables:function(){return this.lines||[]},adjust:function(a){function b(a,b,c,e,d){var g=l.slice(),f=0,h=MathBox.Ticks(b.min,b.max,b.ticks,b.tickUnit,b.tickScale,!0);h.length>e&&(h=h.slice(0,e));_.each(h,function(e){g[b.axis]=e+l[b.axis];
-g[c.axis]=c.min+l[c.axis];_.loop(d-1,function(b){a[f].set.apply(a[f],g);f++;g[c.axis]+=c.inv;a[f].set.apply(a[f],g);f++})});e=Math.max(0,f-1);for(h=a.length;f<h;)a[f++].copy(a[e])}var c=this.get(),d=c.axis,e=c.ticks,g=c.tickUnit,h=c.tickScale,k=c.n,f=c.show,l=c.offset,c=this.points,m=this.limit,n=[];"number"==typeof k&&(k=[k,k]);_.each(d,function(b,c){var d=a.axis(b);n.push({axis:b,min:d[0],max:d[1],inv:(d[1]-d[0])/(k[c]-1),ticks:e[c],tickUnit:g[c],tickScale:h[c]})});this.lines[0].show(f[0]);this.lines[1].show(f[1]);
-f[0]&&b(c[0],n[1],n[0],m[0],k[0]);f[1]&&b(c[1],n[0],n[1],m[1],k[1])},make:function(a){var b=this.get();a=b.ticks;var c=b.n,d=this.points=[[],[]],b=this.style;"number"==typeof c&&(c=[c,c]);var e=this.limit=[0,0];_.each(a,function(a,b){b=1-b;e[b]=4*a;_.loop(e[b]*(c[b]-1)*2,function(a){d[b].push(new THREE.Vector3)})});this.lines=[];this.lines.push(new MathBox.Renderable.Mesh(d[0],{type:"line",strip:!1,dynamic:!0},b));this.lines.push(new MathBox.Renderable.Mesh(d[1],{type:"line",strip:!1,dynamic:!0},
+MathBox.Axis.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:0,offset:[0,0,0],n:2,arrow:!0,line:!0,labels:!1,decimals:2,distance:15,ticks:10,tickUnit:1,tickScale:10,size:0.07,style:{lineWidth:4,color:new THREE.Color(7368816)},formatter:null,zero:!0}},renderables:function(){return[this.line,this.ticks,this.arrow,this.labels]},type:function(){return"axis"},adjust:function(a,b){var c=this.get(),e=c.axis,d=c.offset,g=c.arrow,k=c.line,h=c.labels,f=c.n,l=c.ticks,m=c.tickUnit,
+n=c.tickScale,c=c.decimals,t=this.points,s=this.labelPoints,r=this.labelTangent,q=this.tickPoints,u=this.tickSigns,v=[0,0,0],x=new THREE.Vector3;new THREE.Vector4;var w=a.axis(e),y=w[0],w=w[1],A=(w-y)/(f-1);x.set.apply(x,d);_.loop(f,function(a){v[e]=y+a*A;t[a].set.apply(t[a],v);t[a].addSelf(x)});this.line.show(k);this.arrow.show(g);f=this.scale=MathBox.Ticks(y,w,l,m,n,!0);this.ticks.show(!!l);if(l){l=Math.floor(q.length/2);f.length>l&&(f=f.slice(0,l));var l=[0,0,0],z;l[2==e?0:1-e]=0.01*(w-y);this.epsilon.set.apply(this.epsilon,
+l);v=[0,0,0];_.each(f,function(a,b){v[e]=a;var c=2*b;q[c].set.apply(q[c],v);q[c].addSelf(x);u[c]=1;q[c+1].copy(q[c]);u[c+1]=-1;s[b].copy(q[c]);z=c+1});l=z+1;for(f=q.length;l<f;)q[l].copy(q[z]),u[l]=u[z],l++}v=[0,0,0];v[e]=1;r.set.apply(r,v);this.labels.show(!!h);this.labels.set("decimals",c)},make:function(){var a=this.get(),b=a.n,c=a.size,e=a.ticks,d=a.distance,g=a.formatter,k=this.style,h=this.points=[],f=this.labelPoints=[],l=this.labelTangent=new THREE.Vector3,m=this.tickPoints=[],n=this.tickSigns=
+[],t=this.epsilon=new THREE.Vector3;_.loop(b,function(a){h.push(new THREE.Vector3)});_.loop(4*e,function(a){f.push(new THREE.Vector3)});_.loop(8*e,function(a){m.push(new THREE.Vector3);n.push(1)});var e={dynamic:!0,size:c,offset:0.5},c={dynamic:!0,size:0.2*c},d={dynamic:!0,distance:d},s=function(b){b=this.scale[b];return 0!=b||a.zero?g?g(b):b:""}.bind(this);this.line=new MathBox.Renderable.Mesh(h,{dynamic:!0,type:"line"},k);this.arrow=new MathBox.Renderable.ArrowHead(h[b-2],h[b-1],e,k);this.ticks=
+new MathBox.Renderable.Ticks(m,n,t,c,k);this.labels=new MathBox.Renderable.Labels(f,l,s,d,k)}});MathBox.Axis.validateArgs=function(a){"number"==typeof a&&(a={axis:a});return a};MathBox.Primitive.types.axis=MathBox.Axis;MathBox.Grid=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Grid.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:[0,1],offset:[0,0,0],show:[!0,!0],n:2,ticks:[10,10],tickUnit:[1,1],tickScale:[10,10],style:{lineWidth:1,color:new THREE.Color(10526880)}}},type:function(){return"grid"},renderables:function(){return this.lines||[]},adjust:function(a){function b(a,b,c,d,e){var f=l.slice(),g=0,k=MathBox.Ticks(b.min,b.max,b.ticks,b.tickUnit,b.tickScale,!0);k.length>d&&(k=k.slice(0,d));_.each(k,function(d){f[b.axis]=d+l[b.axis];
+f[c.axis]=c.min+l[c.axis];_.loop(e-1,function(b){a[g].set.apply(a[g],f);g++;f[c.axis]+=c.inv;a[g].set.apply(a[g],f);g++})});d=Math.max(0,g-1);for(k=a.length;g<k;)a[g++].copy(a[d])}var c=this.get(),e=c.axis,d=c.ticks,g=c.tickUnit,k=c.tickScale,h=c.n,f=c.show,l=c.offset,c=this.points,m=this.limit,n=[];"number"==typeof h&&(h=[h,h]);_.each(e,function(b,c){var e=a.axis(b);n.push({axis:b,min:e[0],max:e[1],inv:(e[1]-e[0])/(h[c]-1),ticks:d[c],tickUnit:g[c],tickScale:k[c]})});this.lines[0].show(f[0]);this.lines[1].show(f[1]);
+f[0]&&b(c[0],n[1],n[0],m[0],h[0]);f[1]&&b(c[1],n[0],n[1],m[1],h[1])},make:function(a){var b=this.get();a=b.ticks;var c=b.n,e=this.points=[[],[]],b=this.style;"number"==typeof c&&(c=[c,c]);var d=this.limit=[0,0];_.each(a,function(a,b){b=1-b;d[b]=4*a;_.loop(d[b]*(c[b]-1)*2,function(a){e[b].push(new THREE.Vector3)})});this.lines=[];this.lines.push(new MathBox.Renderable.Mesh(e[0],{type:"line",strip:!1,dynamic:!0},b));this.lines.push(new MathBox.Renderable.Mesh(e[1],{type:"line",strip:!1,dynamic:!0},
 b))}});MathBox.Primitive.types.grid=MathBox.Grid;MathBox.Vector=function(a){null!==a&&(MathBox.Primitive.call(this,a),this.render=[],this.arrows=[],this.line=this.points=this.vertices=null,this.on("change",function(a){void 0!==a.size&&_.each(this.arrows,function(c){c.set("size",a.size)})}))};MathBox.Vector.vLast=new THREE.Vector3;MathBox.Vector.vCurrent=new THREE.Vector3;
-MathBox.Vector.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,data:null,arrow:!0,expression:function(){return 0},live:!0,style:{},size:0.07}},type:function(){return"vector"},renderables:function(){return this.render},adjust:function(a){var b=this.get();0<this.style.get("opacity")&&(b.arrow||b.live)&&this.calculate(a);_.each(this.arrows,function(a){a.show(b.arrow)})},make:function(){var a=this.get(),b=a.arrow,c=this.style,d=a.n,e=this.vertices=[],g=this.points=[],h=
-this.render=[],k=this.arrows=[],f={dynamic:a.live,type:"line",strip:!1},l={size:a.size},m=0;_.loop(d,function(){e.push(new THREE.Vector3);e.push(new THREE.Vector3);g.push(new THREE.Vector3);g.push(new THREE.Vector3);if(b){var a=new MathBox.Renderable.ArrowHead(g[m++],g[m++],l,c);h.push(a);k.push(a)}});this.line=new MathBox.Renderable.Mesh(e,f,c);h.push(this.line);this.calculate()},calculate:function(a){var b=this.vertices,c=this.arrows,d=this.points,e=this.get(),g=e.data,h=e.arrow,k=e.n,f=e.size,
-l=this.style.get("mathScale"),m=0,n=0;_.loop(2*k,function(k){p=g&&void 0!==g[k]?g[k]:e.expression.call(this,n,m);var s=0,r=0,q=0;if(p instanceof Array){var u=p.length;0<u&&(s=p[0]);1<u&&(r=p[1]);2<u&&(q=p[2])}else s=k,r=+p,q=0;d[k].set(s,r,q);b[k].set(s,r,q);a&&h&&1==k%2&&(s=MathBox.Vector.vLast,r=MathBox.Vector.vCurrent,r.copy(b[k]),s.copy(b[k-1]),a.to(r),a.to(s),r.subSelf(s).multiplySelf(l),u=r.length(),q=Math.min(1,0.5*u/f),q=(1-(1-q)*(1-q))*f,u-=q,r.normalize().multiplyScalar(u).divideSelf(l).addSelf(s),
-a.from(r),b[k].copy(r),c[n].set({size:q}));n=m?n+1:n;m=(m+1)%2}.bind(this))}});MathBox.Primitive.types.vector=MathBox.Vector;MathBox.Surface=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Vector.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,data:null,arrow:!0,expression:function(){return 0},live:!0,style:{},size:0.07}},type:function(){return"vector"},renderables:function(){return this.render},adjust:function(a){var b=this.get();0<this.style.get("opacity")&&(b.arrow||b.live)&&this.calculate(a);_.each(this.arrows,function(a){a.show(b.arrow)})},make:function(){var a=this.get(),b=a.arrow,c=this.style,e=a.n,d=this.vertices=[],g=this.points=[],k=
+this.render=[],h=this.arrows=[],f={dynamic:a.live,type:"line",strip:!1},l={size:a.size},m=0;_.loop(e,function(){d.push(new THREE.Vector3);d.push(new THREE.Vector3);g.push(new THREE.Vector3);g.push(new THREE.Vector3);if(b){var a=new MathBox.Renderable.ArrowHead(g[m++],g[m++],l,c);k.push(a);h.push(a)}});this.line=new MathBox.Renderable.Mesh(d,f,c);k.push(this.line);this.calculate()},calculate:function(a){var b=this.vertices,c=this.arrows,e=this.points,d=this.get(),g=d.data,k=d.arrow,h=d.n,f=d.size,
+l=this.style.get("mathScale"),m=0,n=0;_.loop(2*h,function(h){p=g&&void 0!==g[h]?g[h]:d.expression.call(this,n,m);var s=0,r=0,q=0;if(p instanceof Array){var u=p.length;0<u&&(s=p[0]);1<u&&(r=p[1]);2<u&&(q=p[2])}else s=h,r=+p,q=0;e[h].set(s,r,q);b[h].set(s,r,q);a&&k&&1==h%2&&(s=MathBox.Vector.vLast,r=MathBox.Vector.vCurrent,r.copy(b[h]),s.copy(b[h-1]),a.to(r),a.to(s),r.subSelf(s).multiplySelf(l),u=r.length(),q=Math.min(1,0.5*u/f),q=(1-(1-q)*(1-q))*f,u-=q,r.normalize().multiplyScalar(u).divideSelf(l).addSelf(s),
+a.from(r),b[h].copy(r),c[n].set({size:q}));n=m?n+1:n;m=(m+1)%2}.bind(this))}});MathBox.Primitive.types.vector=MathBox.Vector;MathBox.Surface=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Surface.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"surface"},renderables:function(){return[this.mesh,this.line,this.points]},adjust:function(a){a=this.get();this.mesh.show(a.mesh);this.line.show(a.line);this.points.show(a.points);(a.mesh||a.line||a.points)&&0<this.style.get("opacity")&&
-a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n;"number"==typeof c&&(c=[c,c]);var d=this.geometry=new THREE.PlaneGeometry(2,2,c[0]-1,c[1]-1);this.vertices=d.vertices;this.mesh=new MathBox.Renderable.Mesh(d,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!0,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(d,{type:"mesh",shaded:a.shaded,smooth:!0,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(d.vertices,
-{type:"points",dynamic:a.live},b);if(a.shaded){var e=this.tangents=[[],[]];_.loop(c[0]*c[1],function(){e[0].push(new THREE.Vector3);e[1].push(new THREE.Vector3)})}this.calculate()},calculate:function(){var a=this.vertices,b=this.tangents,c=this.get(),d=c.data,e=c.domain,g=c.n,h=c.flipSided,k=h?1:0,h=h?0:1;"number"==typeof g&&(g=[g,g]);var f=e[0][0],l=e[1][0],m=(e[0][1]-f)/(g[0]-1),n=(e[1][1]-l)/(g[1]-1),t,s=0;_.loop(g[1],function(b){f=e[0][0];_.loop(g[0],function(e){t=d&&void 0!==d[b]&&void 0!==d[b][e]?
-d[b][e]:c.expression.call(this,f,l,e,b,s);var g=e=0,h=0;if(t instanceof Array){var k=t.length;0<k&&(e=t[0]);1<k&&(g=t[1]);2<k&&(h=t[2])}else e=f,g=+t,h=l;a[s].set(e,g,h);f+=m;s++}.bind(this));l+=n}.bind(this));if(c.shaded){var s=0,l=e[1][0],r=g[0];_.loop(g[1],function(c){f=e[0][0];var d=c?c-1:0,h=Math.min(g[1]-1,c+1);_.loop(g[0],function(e){var k=e?e-1:0,l=Math.min(g[0]-1,e+1),n=a[e+c*r];l==e?b[0][s].sub(n,a[k+c*r]).addSelf(n):b[0][s].copy(a[l+c*r]);h==c?b[1][s].sub(n,a[e+d*r]).addSelf(n):b[1][s].copy(a[e+
-h*r]);f+=m;s++});l+=n});this.line.set("attributes",{positionDU:b[k],positionDV:b[h]});this.mesh.set("attributes",{positionDU:b[k],positionDV:b[h]})}}});MathBox.Primitive.types.surface=MathBox.Surface;MathBox.BezierSurface=function(a){this.matrixX=new THREE.Matrix4;this.matrixY=new THREE.Matrix4;this.matrixZ=new THREE.Matrix4;this.coefficients=new THREE.Matrix4(-1,3,-3,1,3,-6,3,0,-3,3,0,0,1,0,0,0);MathBox.Surface.call(this,a)};
-MathBox.BezierSurface.prototype=_.extend(new MathBox.Surface(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"bezierSurface"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,g=b.shaded,h=b.n;"number"==typeof h&&(h=[h,h]);if(3!=e)throw"Bezier surface order must be 3.";var k=[],f;_.loop(e+1,function(a){_.loop(e+
-1,function(c){f=d&&void 0!==d[a]&&void 0!==d[a][c]?d[a][c]:b.expression.call(this,c,a,c,a);var e=0,g=0,h=0;f instanceof Array?(c=f.length,0<c&&(e=f[0]),1<c&&(g=f[1]),2<c&&(h=f[2])):(e=c,g=+f,h=a);k.push([e,g,h])}.bind(this))}.bind(this));f=k;this.matrixX.set(f[0][0],f[1][0],f[2][0],f[3][0],f[4][0],f[5][0],f[6][0],f[7][0],f[8][0],f[9][0],f[10][0],f[11][0],f[12][0],f[13][0],f[14][0],f[15][0]);this.matrixY.set(f[0][1],f[1][1],f[2][1],f[3][1],f[4][1],f[5][1],f[6][1],f[7][1],f[8][1],f[9][1],f[10][1],f[11][1],
+a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n;"number"==typeof c&&(c=[c,c]);var e=this.geometry=new THREE.PlaneGeometry(2,2,c[0]-1,c[1]-1);this.vertices=e.vertices;this.mesh=new MathBox.Renderable.Mesh(e,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!0,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(e,{type:"mesh",shaded:a.shaded,smooth:!0,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(e.vertices,
+{type:"points",dynamic:a.live},b);if(a.shaded){var d=this.tangents=[[],[]];_.loop(c[0]*c[1],function(){d[0].push(new THREE.Vector3);d[1].push(new THREE.Vector3)})}this.calculate()},calculate:function(){var a=this.vertices,b=this.tangents,c=this.get(),e=c.data,d=c.domain,g=c.n,k=c.flipSided,h=k?1:0,k=k?0:1;"number"==typeof g&&(g=[g,g]);var f=d[0][0],l=d[1][0],m=(d[0][1]-f)/(g[0]-1),n=(d[1][1]-l)/(g[1]-1),t,s=0;_.loop(g[1],function(b){f=d[0][0];_.loop(g[0],function(d){t=e&&void 0!==e[b]&&void 0!==e[b][d]?
+e[b][d]:c.expression.call(this,f,l,d,b,s);var g=d=0,h=0;if(t instanceof Array){var k=t.length;0<k&&(d=t[0]);1<k&&(g=t[1]);2<k&&(h=t[2])}else d=f,g=+t,h=l;a[s].set(d,g,h);f+=m;s++}.bind(this));l+=n}.bind(this));if(c.shaded){var s=0,l=d[1][0],r=g[0];_.loop(g[1],function(c){f=d[0][0];var e=c?c-1:0,h=Math.min(g[1]-1,c+1);_.loop(g[0],function(d){var k=d?d-1:0,l=Math.min(g[0]-1,d+1),n=a[d+c*r];l==d?b[0][s].sub(n,a[k+c*r]).addSelf(n):b[0][s].copy(a[l+c*r]);h==c?b[1][s].sub(n,a[d+e*r]).addSelf(n):b[1][s].copy(a[d+
+h*r]);f+=m;s++});l+=n});this.line.set("attributes",{positionDU:b[h],positionDV:b[k]});this.mesh.set("attributes",{positionDU:b[h],positionDV:b[k]})}}});MathBox.Primitive.types.surface=MathBox.Surface;MathBox.BezierSurface=function(a){this.matrixX=new THREE.Matrix4;this.matrixY=new THREE.Matrix4;this.matrixZ=new THREE.Matrix4;this.coefficients=new THREE.Matrix4(-1,3,-3,1,3,-6,3,0,-3,3,0,0,1,0,0,0);MathBox.Surface.call(this,a)};
+MathBox.BezierSurface.prototype=_.extend(new MathBox.Surface(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"bezierSurface"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,e=b.data,d=b.order,g=b.shaded,k=b.n;"number"==typeof k&&(k=[k,k]);if(3!=d)throw"Bezier surface order must be 3.";var h=[],f;_.loop(d+1,function(a){_.loop(d+
+1,function(c){f=e&&void 0!==e[a]&&void 0!==e[a][c]?e[a][c]:b.expression.call(this,c,a,c,a);var d=0,g=0,k=0;f instanceof Array?(c=f.length,0<c&&(d=f[0]),1<c&&(g=f[1]),2<c&&(k=f[2])):(d=c,g=+f,k=a);h.push([d,g,k])}.bind(this))}.bind(this));f=h;this.matrixX.set(f[0][0],f[1][0],f[2][0],f[3][0],f[4][0],f[5][0],f[6][0],f[7][0],f[8][0],f[9][0],f[10][0],f[11][0],f[12][0],f[13][0],f[14][0],f[15][0]);this.matrixY.set(f[0][1],f[1][1],f[2][1],f[3][1],f[4][1],f[5][1],f[6][1],f[7][1],f[8][1],f[9][1],f[10][1],f[11][1],
 f[12][1],f[13][1],f[14][1],f[15][1]);this.matrixZ.set(f[0][2],f[1][2],f[2][2],f[3][2],f[4][2],f[5][2],f[6][2],f[7][2],f[8][2],f[9][2],f[10][2],f[11][2],f[12][2],f[13][2],f[14][2],f[15][2]);var l=this.coefficients;this.matrixX.multiplySelf(l).transpose().multiplySelf(l);this.matrixY.multiplySelf(l).transpose().multiplySelf(l);this.matrixZ.multiplySelf(l).transpose().multiplySelf(l);var l={bezierSurfaceX:this.matrixX,bezierSurfaceY:this.matrixY,bezierSurfaceZ:this.matrixZ},m=c[0][0],n=c[1][0],t=(c[0][1]-
-m)/(h[0]-1),s=(c[1][1]-n)/(h[1]-1),r=0;_.loop(h[1],function(b){m=c[0][0];_.loop(h[0],function(b){a[r].set(m,n,0);m+=t;r++}.bind(this));n+=s}.bind(this));l={uniforms:l,shaders:{position:function(a,b){g?(a.snippet("bezierSurface"+e),a.group(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.combine()):(a.snippet("bezierSurface"+e).snippet("mathTransform"),b.viewport(a))}}};this.mesh.set(l);this.line.set(l);
+m)/(k[0]-1),s=(c[1][1]-n)/(k[1]-1),r=0;_.loop(k[1],function(b){m=c[0][0];_.loop(k[0],function(b){a[r].set(m,n,0);m+=t;r++}.bind(this));n+=s}.bind(this));l={uniforms:l,shaders:{position:function(a,b){g?(a.snippet("bezierSurface"+d),a.group(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.combine()):(a.snippet("bezierSurface"+d).snippet("mathTransform"),b.viewport(a))}}};this.mesh.set(l);this.line.set(l);
 this.points.set(l)}});MathBox.Primitive.types.bezierSurface=MathBox.BezierSurface;MathBox.Platonic=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Platonic.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,type:"cube",points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"platonic"},renderables:function(){return[this.mesh,this.line,this.points]},adjust:function(a){a=this.get();this.mesh.show(a.mesh);this.line.show(a.line);this.points.show(a.points)},make:function(){var a=this.get(),b=this.style,c;switch(a.type){case "cube":c=new THREE.CubeGeometry(2,2,2,1,1,1)}this.mesh=
-new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;
+new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;MathBox.Label=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Label.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{position:null,facing:1,distance:15,expression:function(){return 0},style:{color:new THREE.Color(7368816)},class_name:"mathbox-labels",text:""}},renderables:function(){return[this.labels]},type:function(){return"label"},adjust:function(a,b){var c=this.get(),e=[0,0,0];e[c.facing]=1;var d=this.labelTangent;d.set.apply(d,e);e=c.position;d=this.labelPoint;e?d.set.apply(d,e):d.set.apply(d,c.expression.call(this));this.labels.show(!0)},
+make:function(){var a=this.get(),b=a.position,c=a.text,e=a.distance,d=a.class_name,g=this.style,k=this.labelTangent=new THREE.Vector3,h=this.labelPoint=new THREE.Vector3,e={dynamic:!0,distance:e,class_name:d};b?h.set.apply(h,b):h.set.apply(h,a.expression.call(this));a=function(a){return c}.bind(this);this.labels=new MathBox.Renderable.Labels([h],k,a,e,g)}});MathBox.Label.validateArgs=function(a){return a};MathBox.Primitive.types.label=MathBox.Label;
 MathBox.Renderable=function(a,b){if(null!==a){this.id=++MathBox.Renderable.id;var c=this.defaults();a&&(a=_.extend(c,a||{}));this.set(a||c);this.geometry=this.material=this.object=null;this.visible=!0;this.style=b||new MathBox.Style;this.style.on("change",this.styleCallback=this.refreshStyle.bind(this));this.on("change",this.uniformsCallback=this.refreshOptions.bind(this));this.mathTransform=new THREE.Matrix4}};MathBox.Renderable.id=0;
-MathBox.Renderable.prototype={defaults:function(){return{}},make:function(a){},destroy:function(){},show:function(a){a=void 0===a?!0:!!a;a!=this.visible&&(this.visible=a,this.refresh())},isVisible:function(){return this.object&&this.object.visible},composeTransform:function(a,b,c){var d=THREE.Matrix4.__m1,e=THREE.Matrix4.__m2;d.identity();d.setRotationFromEuler(b,this.object.eulerOrder);e.makeScale(c.x,c.y,c.z);this.mathTransform.multiply(d,e);b=this.mathTransform.elements;b[12]=a.x;b[13]=a.y;b[14]=
+MathBox.Renderable.prototype={defaults:function(){return{}},make:function(a){},destroy:function(){},show:function(a){a=void 0===a?!0:!!a;a!=this.visible&&(this.visible=a,this.refresh())},isVisible:function(){return this.object&&this.object.visible},composeTransform:function(a,b,c){var e=THREE.Matrix4.__m1,d=THREE.Matrix4.__m2;e.identity();e.setRotationFromEuler(b,this.object.eulerOrder);d.makeScale(c.x,c.y,c.z);this.mathTransform.multiply(e,d);b=this.mathTransform.elements;b[12]=a.x;b[13]=a.y;b[14]=
 a.z},refreshStyle:function(a){var b=this.style.get();a=a||b;this.material&&this.material.applyUniforms(a);if(this.object){this.object.frustumCulled=!1;a.worldPosition&&(this.object.position=b.worldPosition);a.worldRotation&&(this.object.rotation=b.worldRotation);a.worldScale&&(this.object.scale=b.worldScale);if(a.mathPosition||a.mathRotation||a.mathScale)this.composeTransform(b.mathPosition,b.mathRotation,b.mathScale),this.material&&this.material.applyUniforms({mathTransform:this.mathTransform});
 void 0!==a.opacity&&(this.object.visible=this.visible&&0<b.opacity);void 0===a.opacity&&void 0===a.zIndex||!this.material||(this.object.renderDepth=b.zIndex*(1==b.opacity?1:-1))}},refreshOptions:function(a){var b=this.get();a=a||b;if(this.material){b=this.get();if(void 0!==a.doubleSided||void 0!==a.flipSided)this.material.side=b.doubleSided?THREE.DoubleSide:b.flipSided?THREE.BackSide:THREE.FrontSide,b={flipSided:b.doubleSided&&b.flipSided?-1:1},this.material.applyUniforms(b);(b=this.get().uniforms)&&
 this.material.applyUniforms(b);(b=this.get().attributes)&&this.material.applyAttributes(b)}},refresh:function(){this.refreshStyle();this.refreshOptions()},adjust:function(a){this.material&&this.material.applyUniforms(a.uniforms())}};MathBox.Attributes.mixin(MathBox.Renderable);MathBox.Renderable.Mesh=function(a,b,c){this.points=a;MathBox.Renderable.call(this,b,c)};
-MathBox.Renderable.Mesh.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{type:"points",doubleSided:!0,dynamic:!1,absolute:!1,strip:!0,shaders:{}}},make:function(a){var b=this.get(),c=b.type,d=b.strip,e={points:THREE.ParticleSystem,line:THREE.Line,mesh:THREE.Mesh}[c];if(!e)throw"Invalid Mesh type '"+c+"'";a=this.material=a.generic(b);var g;g=this.points;g instanceof Array?(g=this.geometry=new THREE.Geometry,g.vertices=this.points):g=this.geometry=g;g.dynamic=b.dynamic;switch(c){case "line":b=
-new THREE.Line(g,a,d?THREE.LineStrip:THREE.LinePieces);break;default:b=new e(g,a)}this.object=b;this.refresh()},adjust:function(a){this.get().dynamic&&(this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.ArrowHead=function(a,b,c,d){this.from=a;this.to=b;MathBox.Renderable.call(this,c,d)};MathBox.Renderable.ArrowHead.geometry=new THREE.CylinderGeometry(0.33,0,1,16,1);
+MathBox.Renderable.Mesh.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{type:"points",doubleSided:!0,dynamic:!1,absolute:!1,strip:!0,shaders:{}}},make:function(a){var b=this.get(),c=b.type,e=b.strip,d={points:THREE.ParticleSystem,line:THREE.Line,mesh:THREE.Mesh}[c];if(!d)throw"Invalid Mesh type '"+c+"'";a=this.material=a.generic(b);var g;g=this.points;g instanceof Array?(g=this.geometry=new THREE.Geometry,g.vertices=this.points):g=this.geometry=g;g.dynamic=b.dynamic;switch(c){case "line":b=
+new THREE.Line(g,a,e?THREE.LineStrip:THREE.LinePieces);break;default:b=new d(g,a)}this.object=b;this.refresh()},adjust:function(a){this.get().dynamic&&(this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.ArrowHead=function(a,b,c,e){this.from=a;this.to=b;MathBox.Renderable.call(this,c,e)};MathBox.Renderable.ArrowHead.geometry=new THREE.CylinderGeometry(0.33,0,1,16,1);
 MathBox.Renderable.ArrowHead.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{offset:0,absolute:!0,size:0.1}},make:function(a){var b=this.get();a=this.material=a.generic(b);this._from=new THREE.Vector3;this._to=new THREE.Vector3;this.diff=new THREE.Vector3;this.bi=new THREE.Vector3;this.normal=new THREE.Vector3(0,0,1);b=this.geometry=MathBox.Renderable.ArrowHead.geometry;this.object=new THREE.Mesh(b,a);this.refresh()},isVisible:function(){return this.visible&&0<this.style.get("opacity")},
-adjust:function(a){var b=this.get(),c=b.offset,d=this._from.copy(this.from),e=this._to.copy(this.to);this.mathTransform.multiplyVector3(d);this.mathTransform.multiplyVector3(e);a.to(d);a.to(e);d=this.diff.sub(d,e);if(0.001>d.length())this.object.visible=!1;else{this.object.visible=this.visible;d=d.normalize();this.normal.x=this.diff.y+0.1;this.normal.y=this.diff.z+0.2;this.normal.z=this.diff.x+0.3;this.normal.normalize();var g=this.bi.cross(this.normal,this.diff).normalize(),h=this.normal.cross(this.bi,
-this.diff),b=b.size,e=(new THREE.Matrix4(g.x,d.x,h.x,e.x,g.y,d.y,h.y,e.y,g.z,d.z,h.z,e.z,0,0,0,1)).scale(new THREE.Vector3(b,b,b));this.object.updateMatrix();this.object.matrix.multiplySelf(e);e.identity().setPosition({x:0,y:0.5-c,z:0});this.object.matrix.multiplySelf(e);this.object.matrixAutoUpdate=!1;this.object.matrixWorldNeedsUpdate=!0;MathBox.Renderable.prototype.adjust.call(this,a)}}});
-MathBox.Renderable.Ticks=function(a,b,c,d,e){this.points=a;this.signs=b;this.epsilon=c;MathBox.Renderable.call(this,d,e)};
-MathBox.Renderable.Ticks.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{dynamic:!1,absolute:!1,size:0.1}},make:function(a){var b=this.get(),c=this.points;a=this.material=a.generic({type:"line",shaders:{position:function(a,c){c.position(a,b);a.snippet("tickVertexSplit");a.group();c.viewport(a);a.next();c.viewport(a);a.combine();a.snippet("tickVertexJoin")}}});var d=this.geometry=new THREE.Geometry;d.vertices=c;this.object=new THREE.Line(d,a,THREE.LinePieces);this.refresh()},
-adjust:function(a){var b=this.get();this.material&&this.material.applyAttributes({tickSign:this.signs});this.material&&this.material.applyUniforms({tickEpsilon:this.epsilon,tickSize:b.size});b.dynamic&&(this.material.attributes.tickSign.needsUpdate=!0,this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.Labels=function(a,b,c,d,e){this.points=a;this.tangent=b;this.callback=c;this.sprites=[];MathBox.Renderable.call(this,d,e)};
-MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1}},make:function(a){this.get();var b=this.tangent,c=this.sprites;a=this.points.length;this._anchor=new THREE.Vector3;var d=document.createElement("div"),e=this.object=new MathBox.Sprite(d);d.className="mathbox-labels";_.loop(a,function(a){a=document.createElement("div");var d=document.createElement("div");a.appendChild(d);var k=new MathBox.Sprite(a,b);a.className="mathbox-label";
-d.className="mathbox-wrap";d.style.position="relative";d.style.display="inline-block";d.style.left="-50%";d.style.top="-.5em";c.push(k);e.add(k)})},adjust:function(a,b,c,d,e){var g=this.get(),h=this.points;b=this.sprites;var k=this.callback,f=g.decimals,l=this.style.get("opacity"),m=window.MathJax&&MathJax.Hub,n=1/Math.log(10);_.each(b,function(b,c){b.position.copy(h[c]);a.to(b.position);e.matrix.multiplyVector3(b.position);b.distance=g.distance;b.opacity=l;var d="";if(k){d=k(c);void 0===d&&(d="");
-if(+d==d){var q=+d;if(0!=q)var d=0>q?-1:1,q=Math.abs(q),u=Math.pow(10,f-1-Math.floor(Math.log(q)*n)),d=q=d*Math.round(u*q)/u}m||(d=(""+d).replace(/^-/,"\u2013"))}b.content!==d&&(q=b.element.children[0],b.content=d,b.measure=!0,m?(q.innerHTML="\\("+d+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,q])):q.innerHTML=d)});MathBox.Renderable.prototype.adjust.call(this,a)}});
+adjust:function(a){var b=this.get(),c=b.offset,e=this._from.copy(this.from),d=this._to.copy(this.to);this.mathTransform.multiplyVector3(e);this.mathTransform.multiplyVector3(d);a.to(e);a.to(d);e=this.diff.sub(e,d);if(0.001>e.length())this.object.visible=!1;else{this.object.visible=this.visible;e=e.normalize();this.normal.x=this.diff.y+0.1;this.normal.y=this.diff.z+0.2;this.normal.z=this.diff.x+0.3;this.normal.normalize();var g=this.bi.cross(this.normal,this.diff).normalize(),k=this.normal.cross(this.bi,
+this.diff),b=b.size,d=(new THREE.Matrix4(g.x,e.x,k.x,d.x,g.y,e.y,k.y,d.y,g.z,e.z,k.z,d.z,0,0,0,1)).scale(new THREE.Vector3(b,b,b));this.object.updateMatrix();this.object.matrix.multiplySelf(d);d.identity().setPosition({x:0,y:0.5-c,z:0});this.object.matrix.multiplySelf(d);this.object.matrixAutoUpdate=!1;this.object.matrixWorldNeedsUpdate=!0;MathBox.Renderable.prototype.adjust.call(this,a)}}});
+MathBox.Renderable.Ticks=function(a,b,c,e,d){this.points=a;this.signs=b;this.epsilon=c;MathBox.Renderable.call(this,e,d)};
+MathBox.Renderable.Ticks.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{dynamic:!1,absolute:!1,size:0.1}},make:function(a){var b=this.get(),c=this.points;a=this.material=a.generic({type:"line",shaders:{position:function(a,c){c.position(a,b);a.snippet("tickVertexSplit");a.group();c.viewport(a);a.next();c.viewport(a);a.combine();a.snippet("tickVertexJoin")}}});var e=this.geometry=new THREE.Geometry;e.vertices=c;this.object=new THREE.Line(e,a,THREE.LinePieces);this.refresh()},
+adjust:function(a){var b=this.get();this.material&&this.material.applyAttributes({tickSign:this.signs});this.material&&this.material.applyUniforms({tickEpsilon:this.epsilon,tickSize:b.size});b.dynamic&&(this.material.attributes.tickSign.needsUpdate=!0,this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.Labels=function(a,b,c,e,d){this.points=a;this.tangent=b;this.callback=c;this.sprites=[];MathBox.Renderable.call(this,e,d)};
+MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1,class_name:"mathbox-labels"}},make:function(a){a=this.get();var b=this.tangent,c=this.sprites,e=a.class_name;a=this.points.length;this._anchor=new THREE.Vector3;var d=document.createElement("div"),g=this.object=new MathBox.Sprite(d);d.className=e;_.loop(a,function(a){a=document.createElement("div");var d=document.createElement("div");a.appendChild(d);var f=new MathBox.Sprite(a,
+b);"mathbox-labels"==e&&(a.className="mathbox-label");d.className="mathbox-wrap";d.style.position="relative";d.style.display="inline-block";d.style.left="-50%";d.style.top="-.5em";c.push(f);g.add(f)})},adjust:function(a,b,c,e,d){var g=this.get(),k=this.points;b=this.sprites;var h=this.callback,f=g.decimals,l=this.style.get("opacity"),m=window.MathJax&&MathJax.Hub,n=1/Math.log(10);_.each(b,function(b,c){b.position.copy(k[c]);a.to(b.position);d.matrix.multiplyVector3(b.position);b.distance=g.distance;
+b.opacity=l;var e="";if(h){e=h(c);void 0===e&&(e="");if(+e==e){var q=+e;if(0!=q)var e=0>q?-1:1,q=Math.abs(q),u=Math.pow(10,f-1-Math.floor(Math.log(q)*n)),e=q=e*Math.round(u*q)/u}m||(e=(""+e).replace(/^-/,"\u2013"))}b.content!==e&&(q=b.element.children[0],b.content=e,b.measure=!0,m?(q.innerHTML="\\("+e+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,q])):q.innerHTML=e)});MathBox.Renderable.prototype.adjust.call(this,a)}});
 MathBox.Viewport=function(a){if(null!==a){var b=this.defaults();a=_.extend(b,a||{});this.set(a);this.singleton="viewport";this._uniforms={}}};
 MathBox.Viewport.prototype={defaults:function(){return{type:"none",rotation:[0,0,0],position:[0,0,0]}},uniforms:function(){return this._uniforms},axis:function(a){return[0,1]},to:function(a){},from:function(a){},update:function(a){var b=this.get();_.each(["position","rotation"],function(c){a[c].set.apply(a[c],b[c])})},shader:function(a){a.snippet("mathToWorld")},validateRotation:function(a){return a.constructor==Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("rotation")},validatePosition:function(a){return a.constructor==
 Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("position")}};MathBox.Attributes.mixin(MathBox.Viewport,"type");MathBox.Viewport.types={};MathBox.Viewport.make=function(a){return new (MathBox.Viewport.types[a.type]||MathBox.Viewport.types.cartesian||MathBox.Viewport)(a)};
 MathBox.ViewportCartesian=function(a){if(null!==a){var b=MathBox.Viewport;b.call(this,a);this.super=b.prototype;this.transform=new THREE.Matrix4;this.inverse=new THREE.Matrix4;_.extend(this._uniforms,{viewportTransform:this.transform,viewportInverse:this.inverse})}};
-MathBox.ViewportCartesian.prototype=_.extend(new MathBox.Viewport(null),{defaults:function(){return{type:"cartesian",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a)},axis:function(a){var b=this.get().range[a];a=b[0];var c=b[1],b=Math.min(a,c);a=Math.max(a,c);return[b,a]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=c[0][0],e=c[1][0],g=c[2][0],h=c[0][1]-b,k=
-c[1][1]-e,c=c[2][1]-g,f=d[0],l=d[1],d=d[2],m=[h/(2*f),0,0,b+h/2,0,k/(2*l),0,e+k/2,0,0,c/(2*d),g+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*f/h,0,0,-(2*b+h)*f/h,0,2*l/k,0,-(2*e+k)*l/k,0,0,2*d/c,-(2*g+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,m);MathBox.Viewport.prototype.update.call(this,a)},validateRange:function(a){a=a||[];for(var b=0;3>b;++b){a[b]=a[b]||[];for(var c=0;2>c;++c)a[b][c]=void 0!==a[b][c]?a[b][c]:2*c-1}return a},validateScale:function(a){a=a||[];for(var b=0;3>
+MathBox.ViewportCartesian.prototype=_.extend(new MathBox.Viewport(null),{defaults:function(){return{type:"cartesian",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a)},axis:function(a){var b=this.get().range[a];a=b[0];var c=b[1],b=Math.min(a,c);a=Math.max(a,c);return[b,a]},update:function(a){var b=this.get(),c=b.range,e=b.scale,b=c[0][0],d=c[1][0],g=c[2][0],k=c[0][1]-b,h=
+c[1][1]-d,c=c[2][1]-g,f=e[0],l=e[1],e=e[2],m=[k/(2*f),0,0,b+k/2,0,h/(2*l),0,d+h/2,0,0,c/(2*e),g+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*f/k,0,0,-(2*b+k)*f/k,0,2*l/h,0,-(2*d+h)*l/h,0,0,2*e/c,-(2*g+c)*e/c,0,0,0,1]);this.inverse.set.apply(this.inverse,m);MathBox.Viewport.prototype.update.call(this,a)},validateRange:function(a){a=a||[];for(var b=0;3>b;++b){a[b]=a[b]||[];for(var c=0;2>c;++c)a[b][c]=void 0!==a[b][c]?a[b][c]:2*c-1}return a},validateScale:function(a){a=a||[];for(var b=0;3>
 b;++b)a[b]=a[b]||1;return a}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.cartesian=MathBox.ViewportCartesian;MathBox.ViewportPolar=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{polarAlpha:0,polarAspect:1,polarPower:1,polarFold:1,polarFocus:1,polarHelix:0})};
-MathBox.ViewportPolar.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"polar",range:[[-1,1],[-1,1],[-1,1]],polar:1,fold:1,power:1,helix:0,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarPower,g=this._uniforms.polarHelix;a.x*=this._uniforms.polarFold;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),e);if(1E-4<d){var e=c+a.y*b,h=a.x*d;a.z+=
-a.x*g*d;a.x=Math.sin(h)*e;a.y=(Math.cos(h)*e-c)/b}this.transform.multiplyVector3(a)},from:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarFold,g=this._uniforms.polarPower,h=this._uniforms.polarHelix;this.inverse.multiplyVector3(a);if(1E-4<d){var k=a.x,f=a.y*b+c,l=Math.sqrt(k*k+f*f);theta=Math.atan2(k,f);a.x=theta/d;a.y=(l-c)/b;a.z-=a.x*h*d}a.x/=e;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),1/g)},axis:function(a){var b=this.super.axis.call(this,
-a);min=b[0];max=b[1];alpha=this._uniforms.polarAlpha;aspect=this._uniforms.polarAspect;focus=this._uniforms.polarFocus;1==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspect+0.001,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,e=b.polar,g=b.fold,h=b.power,b=b.helix,k=1,f=c[0][0],l=c[1][0],m=c[2][0],n=c[0][1]-f,t=c[1][1]-l,c=c[2][1]-m,s=d[0],r=d[1],d=d[2],k=0<n?1:-1,q=Math.abs(t),q=n+(q*k-n)*e,k=Math.abs(q/s/(t/r)),u=[q/(2*s),0,0,f+n/2,
-0,t/(2*r),0,l+t/2,0,0,c/(2*d),m+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*s/q,0,0,-(2*f+n)*s/n,0,2*r/t,0,-(2*l+t)*r/t,0,0,2*d/c,-(2*m+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,u);this._uniforms.polarAlpha=e;this._uniforms.polarAspect=k;this._uniforms.polarFold=g;this._uniforms.polarPower=h;this._uniforms.polarFocus=0<e?1/e-1:0;this._uniforms.polarHelix=b;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("polarPower").snippet("cartesianToPolar").snippet("mathToWorld")},
+MathBox.ViewportPolar.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"polar",range:[[-1,1],[-1,1],[-1,1]],polar:1,fold:1,power:1,helix:0,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,e=this._uniforms.polarAlpha,d=this._uniforms.polarPower,g=this._uniforms.polarHelix;a.x*=this._uniforms.polarFold;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),d);if(1E-4<e){var d=c+a.y*b,k=a.x*e;a.z+=
+a.x*g*e;a.x=Math.sin(k)*d;a.y=(Math.cos(k)*d-c)/b}this.transform.multiplyVector3(a)},from:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,e=this._uniforms.polarAlpha,d=this._uniforms.polarFold,g=this._uniforms.polarPower,k=this._uniforms.polarHelix;this.inverse.multiplyVector3(a);if(1E-4<e){var h=a.x,f=a.y*b+c,l=Math.sqrt(h*h+f*f);theta=Math.atan2(h,f);a.x=theta/e;a.y=(l-c)/b;a.z-=a.x*k*e}a.x/=d;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),1/g)},axis:function(a){var b=this.super.axis.call(this,
+a);min=b[0];max=b[1];alpha=this._uniforms.polarAlpha;aspect=this._uniforms.polarAspect;focus=this._uniforms.polarFocus;1==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspect+0.001,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,e=b.scale,d=b.polar,g=b.fold,k=b.power,b=b.helix,h=1,f=c[0][0],l=c[1][0],m=c[2][0],n=c[0][1]-f,t=c[1][1]-l,c=c[2][1]-m,s=e[0],r=e[1],e=e[2],h=0<n?1:-1,q=Math.abs(t),q=n+(q*h-n)*d,h=Math.abs(q/s/(t/r)),u=[q/(2*s),0,0,f+n/2,
+0,t/(2*r),0,l+t/2,0,0,c/(2*e),m+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*s/q,0,0,-(2*f+n)*s/n,0,2*r/t,0,-(2*l+t)*r/t,0,0,2*e/c,-(2*m+c)*e/c,0,0,0,1]);this.inverse.set.apply(this.inverse,u);this._uniforms.polarAlpha=d;this._uniforms.polarAspect=h;this._uniforms.polarFold=g;this._uniforms.polarPower=k;this._uniforms.polarFocus=0<d?1/d-1:0;this._uniforms.polarHelix=b;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("polarPower").snippet("cartesianToPolar").snippet("mathToWorld")},
 validatePolar:function(a){return Math.max(0,Math.min(1,+a||0))},validateFold:function(a){return+a||0},validatePower:function(a){return+a||0},validateHelix:function(a){return+a||0}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.polar=MathBox.ViewportPolar;MathBox.ViewportProjective=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{projectiveTransform:new THREE.Matrix4,projectiveInverse:new THREE.Matrix4})};
 MathBox.ViewportProjective.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"projective",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0],projective:[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]]}},to:function(a){this._uniforms.projectiveTransform.multiplyVector3(a);this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a);this._uniforms.projectiveInverse.multiplyVector3(a)},update:function(a){var b=this._uniforms.projectiveTransform,
 c=this.get("projective");b.set.apply(b,c[0].concat(c[1],c[2],c[3]));this._uniforms.projectiveInverse.getInverse(b);MathBox.ViewportCartesian.prototype.update.call(this,a)},shader:function(a){a.snippet("projectiveTransform").snippet("mathToWorld")},validateProjective:function(a){if(a.constructor==Array){for(var b=0;3>b;++b)a[b]=a[b]&&a.constructor==Array&&a[b]||[],a[b]=a[b].concat([0,0,0,0]).slice(0,4);return a}}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.projective=MathBox.ViewportProjective;
 MathBox.ViewportSphere=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{sphereAlpha:0,sphereAspectX:1,sphereAspectY:1,sphereYScale:1,sphereFocus:1})};
-MathBox.ViewportSphere.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"sphere",range:[[-1,1],[-1,1],[-1,1]],sphere:1,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,g=this._uniforms.sphereAlpha;if(1E-4<g){var h=e+a.z*b,k=a.x*g,d=a.y*g/c*d,g=Math.cos(d)*h;a.x=Math.sin(k)*g;a.y=Math.sin(d)*h*c;a.z=(Math.cos(k)*g-e)/b}this.transform.multiplyVector3(a)},
-from:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,g=this._uniforms.sphereAlpha;this.inverse.multiplyVector3(a);if(1E-4<g){var h=a.x,k=a.y/c,f=a.z*b+e,l=Math.sqrt(h*h+k*k+f*f),k=Math.atan2(k,Math.sqrt(h*h+f*f)),h=Math.atan2(h,f);a.x=h/g;a.y=k/g*c/d;a.z=(l-e)/b}},axis:function(a){var b=this.super.axis.call(this,a);min=b[0];max=b[1];alpha=this._uniforms.sphereAlpha;beta=this._uniforms.sphereBeta;aspectX=this._uniforms.sphereAspectX;
-aspectY=this._uniforms.sphereAspectY;focus=this._uniforms.sphereFocus;2==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspectX,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=b.sphere,e=0<b?1/b-1:0,g=c[0][0],h=c[1][0],k=c[2][0],f=c[0][1]-g,l=c[1][1]-h,c=c[2][1]-k,m=d[0],n=d[1],d=d[2],t=0<f?1:-1,s=0<l?1:-1,r=Math.abs(c),t=f+(r*t-f)*b,s=l+(r*s-l)*b,r=c/d;aspectX=t/m/r;aspectY=s/n/r/aspectX;aspectZ=l/f*m/n*2;yScale=Math.min(aspectY/b,1+(aspectZ-
-1)*b);r=[t/(2*m),0,0,g+f/2,0,s/(2*n),0,h+l/2,0,0,c/(2*d),k+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*m/t,0,0,-(2*g+f)*m/f,0,2*n/s,0,-(2*h+l)*n/l,0,0,2*d/c,-(2*k+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,r);this._uniforms.sphereAlpha=b;this._uniforms.sphereAspectX=aspectX;this._uniforms.sphereAspectY=aspectY;this._uniforms.sphereYScale=yScale;this._uniforms.sphereFocus=e;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("cartesianToSphere").snippet("mathToWorld")},
+MathBox.ViewportSphere.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"sphere",range:[[-1,1],[-1,1],[-1,1]],sphere:1,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,e=this._uniforms.sphereYScale,d=this._uniforms.sphereFocus,g=this._uniforms.sphereAlpha;if(1E-4<g){var k=d+a.z*b,h=a.x*g,e=a.y*g/c*e,g=Math.cos(e)*k;a.x=Math.sin(h)*g;a.y=Math.sin(e)*k*c;a.z=(Math.cos(h)*g-d)/b}this.transform.multiplyVector3(a)},
+from:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,e=this._uniforms.sphereYScale,d=this._uniforms.sphereFocus,g=this._uniforms.sphereAlpha;this.inverse.multiplyVector3(a);if(1E-4<g){var k=a.x,h=a.y/c,f=a.z*b+d,l=Math.sqrt(k*k+h*h+f*f),h=Math.atan2(h,Math.sqrt(k*k+f*f)),k=Math.atan2(k,f);a.x=k/g;a.y=h/g*c/e;a.z=(l-d)/b}},axis:function(a){var b=this.super.axis.call(this,a);min=b[0];max=b[1];alpha=this._uniforms.sphereAlpha;beta=this._uniforms.sphereBeta;aspectX=this._uniforms.sphereAspectX;
+aspectY=this._uniforms.sphereAspectY;focus=this._uniforms.sphereFocus;2==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspectX,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,e=b.scale,b=b.sphere,d=0<b?1/b-1:0,g=c[0][0],k=c[1][0],h=c[2][0],f=c[0][1]-g,l=c[1][1]-k,c=c[2][1]-h,m=e[0],n=e[1],e=e[2],t=0<f?1:-1,s=0<l?1:-1,r=Math.abs(c),t=f+(r*t-f)*b,s=l+(r*s-l)*b,r=c/e;aspectX=t/m/r;aspectY=s/n/r/aspectX;aspectZ=l/f*m/n*2;yScale=Math.min(aspectY/b,1+(aspectZ-
+1)*b);r=[t/(2*m),0,0,g+f/2,0,s/(2*n),0,k+l/2,0,0,c/(2*e),h+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*m/t,0,0,-(2*g+f)*m/f,0,2*n/s,0,-(2*k+l)*n/l,0,0,2*e/c,-(2*h+c)*e/c,0,0,0,1]);this.inverse.set.apply(this.inverse,r);this._uniforms.sphereAlpha=b;this._uniforms.sphereAspectX=aspectX;this._uniforms.sphereAspectY=aspectY;this._uniforms.sphereYScale=yScale;this._uniforms.sphereFocus=d;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("cartesianToSphere").snippet("mathToWorld")},
 validateSphere:function(a){return Math.max(0,Math.min(1,+a||0))}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.sphere=MathBox.ViewportSphere;
diff --git a/build/MathBox.glsl.html b/build/MathBox.glsl.html
index cdbbd95..9127ec8 100644
--- a/build/MathBox.glsl.html
+++ b/build/MathBox.glsl.html
@@ -504,3 +504,31 @@
   gl_Position = vec4(xy, 1.0, 1.0);
 }
 </script>
+
+<script type="application/x-glsl" id="raytrace-vertex-screen">
+uniform vec2 raytraceViewport;
+uniform vec3 raytracePosition;
+uniform mat4 raytraceMatrix;
+
+varying vec2 vUV;
+varying vec3 vRay;
+
+void main() {
+  // Set UV for lookup
+  vUV = uv;
+
+  // Convert UV to absolute XY.
+  vec2 xy = uv * 2.0 - 1.0;
+
+  // Draw at end of clip space to allow occlusion.
+  gl_Position = vec4(xy, 1.0, 1.0);
+
+  // Calculate ray in world space
+  vRay =
+    (raytraceMatrix * vec4(
+      raytraceViewport * (vUV * 2.0 - 1.0),
+      -1.0,
+      1.0)
+    ).xyz;
+}
+</script>
\ No newline at end of file
diff --git a/build/MathBox.js b/build/MathBox.js
index 97efc30..b5c1f7d 100644
--- a/build/MathBox.js
+++ b/build/MathBox.js
@@ -569,26 +569,14 @@ ThreeBox.preload.html = function (file, name, callback) {
     var match;
 
     // Insert javascript directly
-    while (match = res.match(/^(<script\s*>|<script[^>]*type=['"]text\/javascript['"][^>]*>)([\s\S]+?)<\/script>$/m)) {
-      try {
-        /*
-        var script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.innerHTML = match[2];
-        document.body.appendChild(script);
-        */
-        eval('(function () {' + match[2] + '})()');
-      }
-      catch (e) {
-        console.error(e);
-        console.error('While evaluating: ' + match[2]);
-      }
-
-      res = res.replace(match[0], '');
+    if (match = res.match(/^<script[^>]*type=['"]text\/javascript['"][^>]*>([\s\S]+?)<\/script>$/m)) {
+      var script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.innerHTML = match[1];
+      document.body.appendChild(script);
     }
-
     // Insert HTML via div
-    if (res.replace(/\s*/g) != '') {
+    else {
       var div = document.createElement('div');
       div.innerHTML = res;
       document.body.appendChild(div);
@@ -636,12 +624,13 @@ ThreeBox.preload.audio = function (file, name, callback) {
 
 // Namespace
 window.ThreeRTT = window.ThreeRTT || {};
+ThreeRTT.World = function () {};
 
 // Fetch shader from <script> tag by id
 // or pass through string if not exists.
 ThreeRTT.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && elem.innerText || id;
 };
 
 // Simple loop helper
@@ -652,7 +641,7 @@ _.loop = function (n, callback) {
 // Fetch shader from <script> tag by id
 ThreeRTT.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && (elem.innerText || elem.textContent) || id;
 };
 // Check for a power of two.
 ThreeRTT.isPowerOfTwo = function (value) {
@@ -701,9 +690,7 @@ ThreeRTT.Stage = function (renderer, options) {
   options.camera.aspect = options.camera.aspect || (options.width / options.height);
 
   // Create internal scene and default camera.
-  this.scene = options.scene || new THREE.Scene();
   this.camera = ThreeRTT.Camera(options.camera);
-	this.scene.add(this.camera);
 
   // Create virtual render target, passthrough options.
   this.target = new ThreeRTT.RenderTarget(renderer, options);
@@ -722,23 +709,15 @@ ThreeRTT.Stage.prototype = {
   },
 
   reset: function () {
-    if (this.renderables) {
-      _.each(this.renderables, function (surface) {
-        this.scene.remove(surface);
-      }.bind(this));
-    }
-
+    this.scenes   = [];
     this.passes   = [];
-    this.renderables = [];
   },
 
   // Add object render pass
   paint: function (object, empty) {
 
     // Create root to hold all objects for this pass
-    var root = new THREE.Object3D();
-    root.frustumCulled = false;
-    root.visible = true;
+    var root = new THREE.Scene();
 
     // Create a surface to render the last frame
     if (!empty) {
@@ -751,9 +730,8 @@ ThreeRTT.Stage.prototype = {
     root.add(object);
 
     // Add root to scene and insert into pass list
-    this.scene.add(root);
+    this.scenes.push(root);
     this.passes.push(1);
-    this.renderables.push(root);
   },
 
   // Add iteration pass
@@ -761,12 +739,14 @@ ThreeRTT.Stage.prototype = {
 
     // Create a surface to render the pass with
     var surface = this._surface(material);
-    surface.visible = false;
+
+    // Create root to hold all objects for this pass
+    var root = new THREE.Scene();
+    root.add(surface);
 
     // Add surface to scene and insert into pass list
-    this.scene.add(surface);
+    this.scenes.push(root);
     this.passes.push(n);
-    this.renderables.push(surface);
 
     return this;
   },
@@ -782,7 +762,10 @@ ThreeRTT.Stage.prototype = {
   size: function (width, height) {
     width = Math.floor(width);
     height = Math.floor(height);
+
     this.camera.aspect = width / height;
+    this.camera.updateProjectionMatrix();
+
     this.target.size(width, height);
     return this;
   },
@@ -801,17 +784,10 @@ ThreeRTT.Stage.prototype = {
   render: function () {
 	  this.target.clear();
 
-    function toggle(object, value) {
-      object.visible = value;
-      _.each(object.children, function (object) { toggle(object, value); });
-    }
-
     _.each(this.passes, function (n, i) {
-      toggle(this.renderables[i], true);
-      _.loop(n, function (i) {
-        this.target.render(this.scene, this.camera);
+      _.loop(n, function (j) {
+        this.target.render(this.scenes[i], this.camera);
       }.bind(this));
-      toggle(this.renderables[i], false);
     }.bind(this));
 
     return this;
@@ -827,7 +803,8 @@ ThreeRTT.Stage.prototype = {
   destroy: function () {
     this.target.deallocate();
 
-    this.scene = null;
+    this.scenes = [];
+    this.passes = [];
     this.camera = null;
     this.target = null;
   },
@@ -863,7 +840,7 @@ ThreeRTT.Compose.prototype = new THREE.Object3D();
 // Handy Camera factory
 ThreeRTT.Camera = function (options) {
   // Camera passthrough
-  if (options.constructor instanceof THREE.Camera) return options;
+  if (options instanceof THREE.Camera) return options;
 
   // Defaults
   options = _.extend({
@@ -981,10 +958,10 @@ ThreeRTT.RenderTarget.prototype = {
 
   // Retrieve / change size
   size: function (width, height) {
-    if (width && height) {
+    if (width !== undefined && height !== undefined) {
       // Round floats to ints to help with half/quarter derived sizes.
-      this.width = width = Math.floor(width);
-      this.height = height = Math.floor(height);
+      this.width = width = Math.max(1, Math.floor(width));
+      this.height = height = Math.max(1, Math.floor(height));
 
       // Refresh/allocate targets.
       this.allocate();
@@ -1009,7 +986,7 @@ ThreeRTT.RenderTarget.prototype = {
   deallocateTargets: function () {
     // Deallocate real targets that were used in rendering.
     _.each(this.targets || [], function (target) {
-      this.renderer.deallocateRenderTarget(target);
+      target.dispose();
     }.bind(this));
   },
 
@@ -1099,8 +1076,8 @@ ThreeRTT.RenderTarget.prototype = {
     var alpha = renderer.getClearAlpha();
 
     // Apple new clearing color
-    renderer.setClearColorHex(options.clearColor, options.clearAlpha);
-    renderer.clearTarget(this.write(), clear.color, clear.stencil, clear.depth);
+    renderer.setClearColor(options.clearColor, options.clearAlpha);
+    renderer.clearTarget(this.write(), clear.color, clear.depth, clear.stencil);
 
     // Reset state
     renderer.setClearColor(color, alpha);
@@ -1278,9 +1255,9 @@ ThreeRTT.FragmentMaterial = function (renderTargets, fragmentShader, textures, u
   return material;
 };
 /**
- * Specialized ShaderMaterial for downsampling a texture by a factor of 2 with anti-aliasing.
+ * Specialized ShaderMaterial for up/downsampling a texture by a factor of 2 with anti-aliasing.
  */
-ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+ThreeRTT.ScaleMaterial = function (renderTargetFrom, renderTargetTo, scale) {
   var uniforms = {};
 
   // Accept both Stage and RenderTarget classes
@@ -1305,8 +1282,8 @@ ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
         to = renderTargetTo;
 
     // Correction for odd downsample.
-    var dx = (to.width * 2) / from.width,
-        dy = (to.height * 2) / from.height;
+    var dx = (to.width * scale) / from.width,
+        dy = (to.height * scale) / from.height;
 
     var value = uniforms.sampleAlignment.value;
     value.x = dx;
@@ -1328,75 +1305,64 @@ ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
   material.blending = THREE.NoBlending;
 
   return material;
-};/**
+};
+
+/**
+ * Helper classes
+ */
+ThreeRTT.DownsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+  return new ThreeRTT.ScaleMaterial(renderTargetFrom, renderTargetTo, 2);
+}
+ThreeRTT.UpsampleMaterial = function (renderTargetFrom, renderTargetTo) {
+  return new ThreeRTT.ScaleMaterial(renderTargetFrom, renderTargetTo, 0.5);
+}
+/**
  * Helper for making ShaderMaterials that raytrace in camera space per pixel.
  */
-ThreeRTT.RaytraceMaterial = function (renderTarget, fragmentShader, textures, uniforms) {
-
-  // Autoname texture uniforms as texture1, texture2, ...
-  function textureName(j) {
-    return 'texture' + (j + 1);
-  }
+ThreeRTT.RaytraceMaterial = function (renderTargets, camera, fragmentShader, textures, uniforms) {
 
-  // Allow for array of textures.
-  if (textures instanceof Array) {
-    var object = {};
-    _.each(textures, function (texture, j) {
-      // Autoname texture uniforms as texture1, texture2, ...
-      var key = textureName(j);
-      object[key] = texture;
-    });
-  }
-  // Allow passing single texture/object
-  else if (textures instanceof THREE.Texture
-        || textures instanceof ThreeRTT.World
-        || textures instanceof THREE.WebGLRenderTarget) {
-    textures = { texture1: textures };
+  // Accept one or more render targets as input for reading.
+  if (!(renderTargets instanceof Array)) {
+    renderTargets = [renderTargets];
   }
 
-  // Accept both Stage and RenderTarget classes
-  renderTarget = ThreeRTT.toTarget(renderTarget);
+  var material = new ThreeRTT.ShaderMaterial(
+                  renderTargets, 'raytrace-vertex-screen', fragmentShader, textures, uniforms);
 
   // Add camera uniforms.
-  uniforms = _.extend(uniforms || {}, {
-    cameraViewport: {
+  uniforms = _.extend(material.uniforms || {}, {
+    raytraceViewport: {
       type: 'v2',
-      value: new THREE.Vector2()//,
+      value: new THREE.Vector2(),
+    },
+    raytracePosition: {
+      type: 'v3',
+      value: new THREE.Vector3(),
     },
-    cameraWorld: {
+    raytraceMatrix: {
       type: 'm4',
-      value: new THREE.Matrix4()//,
-    }//,
-  });
-
-  // Make uniforms for input textures.
-  var i = 0;
-  _.each(textures || [], function (texture, key) {
-    uniforms[key] = {
-      type: 't',
-      value: i++,
-      texture: ThreeRTT.toTexture(texture)//,
-    };
+      value: new THREE.Matrix4(),
+    },
   });
 
   // Update camera uniforms on render.
-  renderTarget.on('render', function (scene, camera) {
+  var renderTarget = ThreeRTT.toTarget(renderTargets[0]);
+  var zero = new THREE.Vector3();
+  renderTarget.on('render', function (scene) {
     camera.updateMatrixWorld();
     if (camera.fov) {
       var tan = Math.tan(camera.fov * π / 360);
-      uniforms.cameraViewport.value.set(tan * camera.aspect, tan);
+      uniforms.raytraceViewport.value.set(tan * camera.aspect, tan);
     }
     if (camera.matrixWorld) {
-      uniforms.cameraWorld.value = camera.matrixWorld;
+      uniforms.raytraceMatrix.value.copy(camera.matrixWorld);
+      uniforms.raytraceMatrix.value.setPosition(zero);
+      uniforms.raytracePosition.value.getPositionFromMatrix(camera.matrixWorld);
     }
   });
 
   // Lookup shaders and build material
-  return new THREE.ShaderMaterial({
-    uniforms:       uniforms,
-    vertexShader:   ThreeRTT.getShader('generic-vertex-screen'),
-    fragmentShader: ThreeRTT.getShader(fragmentShader)//,
-  });
+  return material;
 };/**
  * Debug/testing helper that displays the given rendertargets in a grid
  */
@@ -1490,8 +1456,8 @@ ThreeRTT.World  = function (world, options) {
   this._stage = new ThreeRTT.Stage(this._renderer, options);
 
   // Expose scene and camera
-  this._scene  = this._stage.scene;
-  this._camera = this._stage.camera;
+  this._tScene  = this._stage.scene;
+  this._tCamera = this._stage.camera;
 
   // Add to RTT queue at specified order.
   this.queue = ThreeRTT.RenderQueue.bind(world);
@@ -1603,6 +1569,17 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
     return this;
   },
 
+  // Add a shader rendering pass
+  shader: function (vertexShader, fragmentShader, textures, uniforms) {
+    var material = vertexShader instanceof THREE.Material
+                 ? vertexShader
+                 : tQuery.createShaderMaterial(
+                    this, vertexShader, fragmentShader, textures, uniforms);
+
+    this._stage.fragment(material);
+    return this;
+  },
+
   // Add a fragment rendering pass
   fragment: function (fragmentShader, textures, uniforms) {
     var material = fragmentShader instanceof THREE.Material
@@ -1615,11 +1592,11 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
   },
 
   // Add a raytrace rendering pass
-  raytrace: function (fragmentShader, textures, uniforms) {
+  raytrace: function (camera, fragmentShader, textures, uniforms) {
     var material = fragmentShader instanceof THREE.Material
                  ? fragmentShader
                  : tQuery.createRaytraceMaterial(
-                    this, fragmentShader, textures, uniforms);
+                    this, camera, fragmentShader, textures, uniforms);
 
     this._stage.fragment(material);
     return this;
@@ -1644,6 +1621,25 @@ ThreeRTT.World.prototype = _.extend(new THREE.Object3D(), tQuery.World.prototype
     return this;
   },
 
+  // Add an upsample rendering pass
+  upsample: function (worldFrom) {
+    // Force this world to right size now if not autosizing
+    if (!worldFrom.autoSize()) {
+      var size = worldFrom.size();
+      this._options.width = size.width;
+      this._options.height = size.height;
+    }
+
+    // Force this world to right scale (will autosize)
+    var scale = worldFrom.scale();
+    this.scale(scale * 0.5);
+
+    var material = tQuery.createUpsampleMaterial(worldFrom, this);
+    this._stage.fragment(material);
+
+    return this;
+  },
+
   // Return the virtual texture for reading from this RTT stage.
   read: function (n) {
     return this._stage.read(n);
@@ -1763,7 +1759,7 @@ tQuery.World.registerInstance('rtt', function (options) {
 });
 
 /**
- * Add a surface showing a render-to-texture surface to this world.
+ * Add a surface composing a render-to-texture to the screen.
  */
 tQuery.World.registerInstance('compose', function (rtts, fragmentShader, textures, uniforms) {
   var compose = tQuery.createComposeRTT(rtts, fragmentShader, textures, uniforms);
@@ -1819,8 +1815,8 @@ tQuery.registerStatic('createFragmentMaterial', function (worlds, fragmentShader
 /**
  * Create a RaytraceMaterial.
  */
-tQuery.registerStatic('createRaytraceMaterial', function (world, fragmentShader, textures, uniforms) {
-  return new ThreeRTT.RaytraceMaterial(world, fragmentShader, textures, uniforms);
+tQuery.registerStatic('createRaytraceMaterial', function (world, camera, fragmentShader, textures, uniforms) {
+  return new ThreeRTT.RaytraceMaterial(world, camera, fragmentShader, textures, uniforms);
 });
 
 /**
@@ -1829,6 +1825,20 @@ tQuery.registerStatic('createRaytraceMaterial', function (world, fragmentShader,
 tQuery.registerStatic('createDownsampleMaterial', function (worldFrom, worldTo) {
   return new ThreeRTT.DownsampleMaterial(worldFrom, worldTo);
 });
+
+/**
+ * Create a UpsampleMaterial.
+ */
+tQuery.registerStatic('createUpsampleMaterial', function (worldFrom, worldTo) {
+  return new ThreeRTT.UpsampleMaterial(worldFrom, worldTo);
+});
+
+/**
+ * Create a ScaleMaterial.
+ */
+tQuery.registerStatic('createScaleMaterial', function (worldFrom, worldTo, scale) {
+  return new ThreeRTT.DownsampleMaterial(worldFrom, worldTo, scale);
+});
 /**
  * ShaderGraph.js. Assemble GLSL shaders on the fly.
  */
@@ -1848,7 +1858,7 @@ window.ShaderGraph = {};
 // Fetch shader from <script> tag by id
 ShaderGraph.getShader = function (id) {
   var elem = document.getElementById(id);
-  return elem && elem.textContent || id;
+  return elem && (elem.innerText || elem.textContent) || id;
 };(function ($) {
 
 /**
@@ -1884,8 +1894,21 @@ $.Block.prototype = {
   },
 
   fetch: function (program, phase, outlet, priority) {
-    // add outlet code to program
-  }//,
+    // Add outlet output code to program
+  },
+
+  id: function (program, phase, outlet, priority) {
+    // Lookup inouts further up the chain
+    if (outlet.meta.inout) {
+      var input = outlet.node.get(outlet.name, $.IN).input;
+      if (input) {
+        return input.node.owner().fetch(program, phase, input, priority + 1);
+      }
+    }
+
+    // Use this outlet's ID as intermediate variable name
+    return outlet.id();
+  },
 
 };
 
@@ -1910,13 +1933,14 @@ $.Block.Snippet.prototype = _.extend({}, $.Block.prototype, {
     if (!program.include(this, phase)) {
       this.insert(program, phase, priority);
     }
+
     // Use this outlet's ID as intermediate variable name.
-    return outlet.id();
+    return this.id(program, phase, outlet, priority);
   },
 
   outlets: function () {
     return $.Block.Snippet.makeOutlets(this.snippet);
-  }//,
+  },
 
 });
 
@@ -1964,7 +1988,7 @@ $.Block.Material.prototype = _.extend({}, $.Block.prototype, {
     }
 
     // Use this outlet's ID as intermediate variable name.
-    return outlet.id();
+    return this.id(program, phase, outlet, priority);
   },
 
   outlets: function () {
@@ -1972,7 +1996,7 @@ $.Block.Material.prototype = _.extend({}, $.Block.prototype, {
     var fragment = $.Block.Snippet.makeOutlets(this.fragment);
 
     return _.union(vertex, fragment);
-  }//,
+  },
 
 });
 
@@ -1990,13 +2014,27 @@ $.Block.Snippet.makeOutlets = function (snippet) {
   var args = snippet.arguments();
 
   _.each(args.parameters, function (arg) {
+    // Strip in/out suffix and set meta data
+    arg = _.extend({}, arg);
     arg.meta = { required: true };
     arg.hint = arg.name.replace(/(In|Out)$/, '');
     arg.category = 'parameter';
+
+    // Split inout args into two separate outlets
+    if (arg.inout == $.INOUT) {
+      arg.meta.inout = true;
+
+      var input = _.extend({}, arg);
+      input.inout = $.IN;
+      outlets.push(input);
+
+      arg.inout = $.OUT;
+    }
     outlets.push(arg);
   });
 
   _.each(args.uniforms, function (arg) {
+    // Strip in/out suffix and set meta data
     arg.meta = { };
     arg.hint = arg.name.replace(/(In|Out)$/, '');
     arg.category = 'uniform';
@@ -2018,8 +2056,12 @@ $.Block.Snippet.compileCall = function (program, phase, node, snippet, priority)
 
   // Assign intermediate variables.
   _.each(signature.parameters, function (arg) {
-    var outlet = node.get(arg.name);
-    if (arg.inout == $.IN) {
+
+    var fetch = arg.inout == $.INOUT ? $.IN : arg.inout;
+    var outlet = node.get(arg.name, fetch);
+
+    // Fetch code to calculate this input
+    if (arg.inout == $.IN || arg.inout == $.INOUT) {
       if (outlet.input) {
         var owner = outlet.input.node.owner();
 
@@ -2028,10 +2070,12 @@ $.Block.Snippet.compileCall = function (program, phase, node, snippet, priority)
         args.push(variable);
       }
       else {
-        console.log('Outlet', arg, outlet);
+        console.log('Outlet', arg, input);
         throw ["Missing connection on outlet for " + arg.name];
       }
     }
+
+    // Add output to call arguments
     else if (arg.inout == $.OUT) {
       var variable = outlet.id();
       program.variable(phase, variable, arg);
@@ -2156,6 +2200,15 @@ $.Factory.prototype = {
     return this;
   },
 
+  pass: function () {
+    this.next();
+
+    var sub = this.stack[0];
+    sub.start.push(null);
+
+    return this.combine();
+  },
+
   next: function () {
     var sub = this.stack.shift();
     var main = this.stack[0];
@@ -2177,12 +2230,19 @@ $.Factory.prototype = {
     var sub = this.stack.shift(),
         main = this.stack[0];
 
-    _.each(sub.start, function (to) {
-      _.each(main.end, function (from) {
-        from.connect(to, true);
+    if (sub.start.length) {
+      _.each(sub.start, function (to) {
+        // Passthrough all outlets to other side
+        if (!to) {
+          sub.end = sub.end.concat(main.end);
+        }
+        // Normal destination
+        else _.each(main.end, function (from) {
+          from.connect(to, true);
+        });
       });
-    });
-    main.end = sub.end;
+      main.end = sub.end;
+    }
 
     return this;
   },
@@ -2888,7 +2948,7 @@ $.Outlet = function (inout, name, hint, type, category, exposed, meta) {
   // Object constructor syntax
   if (typeof inout == 'object') {
     var object = inout;
-    return new $.Outlet(object.inout, object.name, object.hint, object.type, object.category, object.exposed);
+    return new $.Outlet(object.inout, object.name, object.hint, object.type, object.category, object.exposed, object.meta);
   }
 
   this.node     = null;
@@ -6627,6 +6687,93 @@ MathBox.Platonic.prototype = _.extend(new MathBox.Primitive(null), {
 });
 
 MathBox.Primitive.types.platonic = MathBox.Platonic;
+/**
+ * Text label at specified position
+ */
+MathBox.Label = function (options) {
+  // Allow inheritance constructor
+  if (options === null) return;
+
+  MathBox.Primitive.call(this, options);
+};
+
+MathBox.Label.prototype = _.extend(new MathBox.Primitive(null), {
+
+  defaults: function () {
+    return {
+      position: null,
+      facing: 1,
+      distance: 15,
+      expression: function () { return 0; },
+      style: {
+        color: new THREE.Color(0x707070),
+      },
+      class_name: 'mathbox-labels',	// allow user to change css class of labels div
+      text: ""
+    };
+  },
+
+  renderables: function () {
+    return [ this.labels ];
+  },
+
+  type: function () {
+    return 'label';
+  },
+
+  adjust: function (viewport, camera) {
+    var options = this.get(),
+    // Axis vector direction for labels
+    p = [0, 0, 0];
+
+    p[options.facing] = 1;
+
+    var labelTangent = this.labelTangent;
+    labelTangent.set.apply(labelTangent, p);
+
+    var position = options.position;
+    var labelPoint = this.labelPoint;
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+
+    this.labels.show(true);
+  },
+
+  make: function () {
+    var options = this.get(),
+      position = options.position,
+      text = options.text,
+      distance = options.distance,
+      class_name = options.class_name,
+      style = this.style,
+      labelTangent = this.labelTangent = new THREE.Vector3(),
+      labelPoint  = this.labelPoint = new THREE.Vector3();
+
+    var labelOptions = { dynamic: true, distance: distance, class_name: class_name };
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+    // labelPoint.set.apply(labelPoint, position);
+    // label text callback
+    var callback = function (i) {
+      return text;
+    }.bind(this);
+    
+    this.labels = new MathBox.Renderable.Labels([labelPoint], labelTangent, callback, labelOptions, style);
+  },
+
+});
+
+MathBox.Label.validateArgs = function (options) {
+  return options;
+};
+
+MathBox.Primitive.types.label = MathBox.Label;
 MathBox.Renderable = function (options, style) {
   // Allow inheritance constructor
   if (options === null) return;
@@ -7076,7 +7223,8 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     return {
       absolute: true,
       distance: 15,
-      size: 1//,
+      size: 1,
+      class_name: 'mathbox-labels' //,
     };
   },
 
@@ -7085,6 +7233,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
         points = this.points,
         tangent = this.tangent,
         sprites = this.sprites,
+        class_name = options.class_name,
         n = this.points.length;
 
     // Reusable vector for later.
@@ -7093,7 +7242,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     // Make parent object to hold all the label divs in one Object3D.
     var element = document.createElement('div');
     var object = this.object = new MathBox.Sprite(element);
-    element.className = 'mathbox-labels';
+    element.className = class_name;
 
     // Make sprites for all labels
     _.loop(n, function (i) {
@@ -7106,7 +7255,9 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
       var sprite = new MathBox.Sprite(element, tangent);
 
       // Position at anchor point
-      element.className = 'mathbox-label';
+      if (class_name == "mathbox-labels"){
+	  element.className = 'mathbox-label';
+      }
       inner.className = 'mathbox-wrap';
       inner.style.position = 'relative';
       inner.style.display = 'inline-block';
diff --git a/build/MathBox.min.js b/build/MathBox.min.js
index d893f3e..fc1be90 100644
--- a/build/MathBox.min.js
+++ b/build/MathBox.min.js
@@ -5,92 +5,94 @@ this),""!==this.postBody?(b.open("POST",a,!0),b.setRequestHeader("X-Requested-Wi
 window.threeBox=function(a,b){!a||a instanceof Node||(b=a,a=null);return tQuery.createWorld(b).threeBox(a,b)};MicroEvent.prototype.on=function(){MicroEvent.prototype.bind.apply(this,arguments);return this};MicroEvent.prototype.emit=function(){MicroEvent.prototype.trigger.apply(this,arguments);return this};MicroEvent.mixin=function(a){for(var b=["bind","unbind","trigger","on","emit"],c=0;c<b.length;c++)a.prototype[b[c]]=MicroEvent.prototype[b[c]]};tQuery.World.prototype.on=tQuery.World.prototype.addEventListener;
 tQuery.World.prototype.emit=tQuery.World.prototype.dispatchEvent;tQuery.World.registerInstance("threeBox",function(a,b){!a||a instanceof Node||(b=a,a=null);var c=a=a||document.body;a==document.body?(c.style.margin=0,c.style.padding=0,c.style.overflow="hidden"):(getComputedStyle(a),"static"==a.position&&(a.position="relative"));this.appendTo(c);this.addThreeBox(a,b||{});return this});
 tQuery.World.registerInstance("addThreeBox",function(a,b){console.assert(!0!==this.hasThreeBox());b=tQuery.extend(b,{cameraControls:!1,cursor:!0,controlClass:ThreeBox.OrbitControls,elementResize:!0,fullscreen:!0,screenshot:!0,stats:!0,scale:1});this.tRenderer().domElement.style.display="block";var c={};tQuery.data(this,"_threeBoxContext",c);var d=this.tCamera(),e=this.tRenderer();b.stats&&(c.stats=new Stats,c.stats.domElement.style.position="absolute",c.stats.domElement.style.left="10px",c.stats.domElement.style.top=
-"10px",a&&a.appendChild(c.stats.domElement),c.loopStats=function(){c.stats.update()},this.loop().hook(c.loopStats));if(b.cameraControls){var f=this.loop(),g=this.render.bind(this);c.cameraControls=new b.controlClass(d,a,b);if(c.cameraControls.on)c.cameraControls.on("change",function(){f._timerId||g()});this.setCameraControls(c.cameraControls)}b.elementResize&&(c.elementResize=ThreeBox.ElementResize.bind(e,d,a,b).on("resize",function(a,b){this._opts.renderW=a;this._opts.renderH=b;this.emit("resize",
+"10px",a&&a.appendChild(c.stats.domElement),c.loopStats=function(){c.stats.update()},this.loop().hook(c.loopStats));if(b.cameraControls){var f=this.loop(),h=this.render.bind(this);c.cameraControls=new b.controlClass(d,a,b);if(c.cameraControls.on)c.cameraControls.on("change",function(){f._timerId||h()});this.setCameraControls(c.cameraControls)}b.elementResize&&(c.elementResize=ThreeBox.ElementResize.bind(e,d,a,b).on("resize",function(a,b){this._opts.renderW=a;this._opts.renderH=b;this.emit("resize",
 a,b)}.bind(this)));null!==b.cursor&&(c.cursor=ThreeBox.Cursor.bind(a,b));THREEx&&THREEx.Screenshot&&b.screenshot&&(c.screenshot=THREEx.Screenshot.bindKey(e));THREEx&&THREEx.FullScreen&&b.fullscreen&&THREEx.FullScreen.available()&&(c.fullscreen=THREEx.FullScreen.bindKey());c._$onDestroy=this.bind("destroy",function(){!1!==this.hasThreeBox()&&this.removeThreeBox()});return this});tQuery.World.registerInstance("hasThreeBox",function(){return void 0===tQuery.data(this,"_threeBoxContext")?!1:!0});
 tQuery.World.registerInstance("removeThreeBox",function(){var a=tQuery.data(this,"_threeBoxContext");if(void 0===a)return this;tQuery.removeData(this,"_threeBoxContext");this.unbind("destroy",this._$onDestroy);a.stats&&(document.body.removeChild(a.stats.domElement),this.loop().unhook(a.loopStats));a.cameraControls&&this.removeCameraControls()&&a.cameraControls.stop();a.elementResize&&a.elementResize.unbind();a.cursor&&a.cursor.unbind();a.screenshot&&a.screenshot.unbind();a.fullscreen&&a.fullscreen.unbind()});
-ThreeBox.ElementResize=function(a,b,c,d){this.scale=d.scale||1;this.orbit=d.orbit;d=this.callback=function(){var d=Math.floor(c.offsetWidth),f=Math.floor(c.offsetHeight);a.domElement.style.position="absolute";a.domElement.style.width=d+"px";a.domElement.style.height=f+"px";var g=Math.floor(d/this.scale),h=Math.floor(f/this.scale);a.setSize(g,h);b.aspect=d/f;b instanceof THREE.OrthographicCamera&&(b.top=this.orbit/2,b.bottom=-b.top,b.left=-b.top*b.aspect,b.right=-b.bottom*b.aspect);b.updateProjectionMatrix();
-this.emit("resize",g,h)}.bind(this);window.addEventListener("resize",d,!1);c.addEventListener("resize",d,!1);setTimeout(d,0)};ThreeBox.ElementResize.bind=function(a,b,c,d){return new ThreeBox.ElementResize(a,b,c,d)};ThreeBox.ElementResize.prototype.scale=function(a){this.scale=a};ThreeBox.ElementResize.prototype.unbind=function(){window.removeEventListener("resize",callback);domElement.removeEventListener("resize",callback)};MicroEvent.mixin(ThreeBox.ElementResize);
+ThreeBox.ElementResize=function(a,b,c,d){this.scale=d.scale||1;this.orbit=d.orbit;d=this.callback=function(){var d=Math.floor(c.offsetWidth),f=Math.floor(c.offsetHeight);a.domElement.style.position="absolute";a.domElement.style.width=d+"px";a.domElement.style.height=f+"px";var h=Math.floor(d/this.scale),k=Math.floor(f/this.scale);a.setSize(h,k);b.aspect=d/f;b instanceof THREE.OrthographicCamera&&(b.top=this.orbit/2,b.bottom=-b.top,b.left=-b.top*b.aspect,b.right=-b.bottom*b.aspect);b.updateProjectionMatrix();
+this.emit("resize",h,k)}.bind(this);window.addEventListener("resize",d,!1);c.addEventListener("resize",d,!1);setTimeout(d,0)};ThreeBox.ElementResize.bind=function(a,b,c,d){return new ThreeBox.ElementResize(a,b,c,d)};ThreeBox.ElementResize.prototype.scale=function(a){this.scale=a};ThreeBox.ElementResize.prototype.unbind=function(){window.removeEventListener("resize",callback);domElement.removeEventListener("resize",callback)};MicroEvent.mixin(ThreeBox.ElementResize);
 ThreeBox.OrbitControls=function(a,b,c){this.element=b;this.camera=a;this.options=tQuery.extend(c,{phi:\u03c4/4,theta:0.3,orbit:2,lookAt:[0,0,0],speed:2});this.init();this.start();this.update()};
 ThreeBox.OrbitControls.prototype={init:function(){this.width=this.element&&this.element.offsetWidth;this.height=this.element&&this.element.offsetHeight;this.phi=this.options.phi;this.theta=this.options.theta;this.orbit=this.options.orbit;this.speed=this.options.speed;this.lookAt=new THREE.Vector3;this.lookAt.set.apply(this.lookAt,this.options.lookAt||[])},start:function(){var a=this;this._mouseDown=function(b){a.width=a.element&&a.element.offsetWidth;a.height=a.element&&a.element.offsetHeight;a.drag=
 !0;a.lastHover=a.origin={x:b.pageX,y:b.pageY};b.preventDefault()};this._mouseUp=function(){a.drag=!1};this._mouseMove=function(b){if(a.drag){var c={x:b.pageX-a.origin.x,y:b.pageY-a.origin.y},d={x:b.pageX-a.lastHover.x,y:b.pageY-a.lastHover.y};a.lastHover={x:b.pageX,y:b.pageY};a.moved(a.origin,c,d)}};this.element&&(this.element.addEventListener("mousedown",this._mouseDown,!1),document.addEventListener("mouseup",this._mouseUp,!1),document.addEventListener("mousemove",this._mouseMove,!1))},stop:function(){this.element&&
 (this.element.removeEventListener("mousedown",this._mouseDown),document.removeEventListener("mouseup",this._mouseUp),document.removeEventListener("mousemove",this._mouseMove))},moved:function(a,b,c){this.phi+=c.x*this.speed/this.width;this.theta=Math.min(\u03c0/2,Math.max(-\u03c0/2,this.theta+c.y*this.speed/this.height));this.emit("change")},update:function(){this.camera.position.x=Math.cos(this.phi)*Math.cos(this.theta)*this.orbit;this.camera.position.y=Math.sin(this.theta)*this.orbit;this.camera.position.z=
 Math.sin(this.phi)*Math.cos(this.theta)*this.orbit;this.camera.position.addSelf(this.lookAt);this.camera.lookAt(this.lookAt)}};ThreeBox.OrbitControls.bind=function(a,b,c){return new ThreeBox.OrbitControls(a,b,c)};MicroEvent.mixin(ThreeBox.OrbitControls);
-ThreeBox.Cursor=function(a,b){function c(){f||(a.style.cursor=d);clearTimeout(e);f=!1;e=setTimeout(function(){f=!0;a.style.cursor="none"},g)}var d=b.cameraControls?"move":"default",e=null,f=!1,g=2E3;b.cursor?a.style.cursor=d:(a.addEventListener("mousemove",c),a.style.cursor="none");return{unbind:function(){a.removeEventListener("mousemove",c)}}};ThreeBox.Cursor.bind=function(a,b){return ThreeBox.Cursor(a,b)};
-ThreeBox.preload=function(a,b){a instanceof Function&&(b=a,a=[]);a="string"==typeof a?[a]:a;var c=a.length,d={},e=function(a){_.extend(d,a||{});0==--c&&b(d)},f=ThreeBox.preload,g={},h={html:f.html,jpg:f.image,png:f.image,gif:f.image,mp3:f.audio};_.each(h,function(a,b){g[b]=RegExp("\\."+b+"$")});_.each(a,function(a){_.each(h,function(b,c){if(a.match(g[c])){var d=a.split(/\//g).pop().replace(/\.[A-Za-z0-9]+$/,"");b(a,d,e)}})})};
-ThreeBox.preload.html=function(a,b,c){new microAjax(a,function(b){for(var e;e=b.match(/^(<script\s*>|<script[^>]*type=['"]text\/javascript['"][^>]*>)([\s\S]+?)<\/script>$/m);){try{eval("(function () {"+e[2]+"})()")}catch(f){console.error(f),console.error("While evaluating: "+e[2])}b=b.replace(e[0],"")}""!=b.replace(/\s*/g)&&(e=document.createElement("div"),e.innerHTML=b,document.body.appendChild(e));console.log("Loaded HTML ",a);c()})};
+ThreeBox.Cursor=function(a,b){function c(){f||(a.style.cursor=d);clearTimeout(e);f=!1;e=setTimeout(function(){f=!0;a.style.cursor="none"},h)}var d=b.cameraControls?"move":"default",e=null,f=!1,h=2E3;b.cursor?a.style.cursor=d:(a.addEventListener("mousemove",c),a.style.cursor="none");return{unbind:function(){a.removeEventListener("mousemove",c)}}};ThreeBox.Cursor.bind=function(a,b){return ThreeBox.Cursor(a,b)};
+ThreeBox.preload=function(a,b){a instanceof Function&&(b=a,a=[]);a="string"==typeof a?[a]:a;var c=a.length,d={},e=function(a){_.extend(d,a||{});0==--c&&b(d)},f=ThreeBox.preload,h={},k={html:f.html,jpg:f.image,png:f.image,gif:f.image,mp3:f.audio};_.each(k,function(a,b){h[b]=RegExp("\\."+b+"$")});_.each(a,function(a){_.each(k,function(b,c){if(a.match(h[c])){var d=a.split(/\//g).pop().replace(/\.[A-Za-z0-9]+$/,"");b(a,d,e)}})})};
+ThreeBox.preload.html=function(a,b,c){new microAjax(a,function(b){var e;(e=b.match(/^<script[^>]*type=['"]text\/javascript['"][^>]*>([\s\S]+?)<\/script>$/m))?(b=document.createElement("script"),b.type="text/javascript",b.innerHTML=e[1],document.body.appendChild(b)):(e=document.createElement("div"),e.innerHTML=b,document.body.appendChild(e));console.log("Loaded HTML ",a);c()})};
 ThreeBox.preload.image=function(a,b,c){THREE.ImageUtils.loadTexture(a,null,function(d){var e={};e[b]=d;console.log("Loaded texture ",a);c(e)})};ThreeBox.preload.audio=function(a,b,c){var d=new XMLHttpRequest;d.open("GET",a,!0);d.responseType="arraybuffer";d.onload=function(){var e={};e[b]=d.response;console.log("Loaded audio ",a);c(e)};d.send()};(function(a){for(var b in a)if(!window[b])throw"Error: ThreeRTT requires "+a[b];})({THREE:"Three.js"});window.ThreeRTT=window.ThreeRTT||{};
-ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&b.innerText||a};_.loop=function(a,b){for(var c=0;c<a;++c)b(c)};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};ThreeRTT.isPowerOfTwo=function(a){return 0===(a&a-1)};ThreeRTT.toTarget=function(a){return ThreeRTT.Stage&&a instanceof ThreeRTT.Stage?a.target:ThreeRTT.World&&a instanceof ThreeRTT.World?a.target():a};
+ThreeRTT.World=function(){};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&b.innerText||a};_.loop=function(a,b){for(var c=0;c<a;++c)b(c)};ThreeRTT.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};ThreeRTT.isPowerOfTwo=function(a){return 0===(a&a-1)};ThreeRTT.toTarget=function(a){return ThreeRTT.Stage&&a instanceof ThreeRTT.Stage?a.target:ThreeRTT.World&&a instanceof ThreeRTT.World?a.target():a};
 ThreeRTT.toTexture=function(a,b){a=ThreeRTT.toTarget(a);return ThreeRTT.RenderTarget&&a instanceof ThreeRTT.RenderTarget?a.read():a};MicroEvent.prototype.on=function(){MicroEvent.prototype.bind.apply(this,arguments);return this};MicroEvent.prototype.emit=function(){MicroEvent.prototype.trigger.apply(this,arguments);return this};MicroEvent.mixin=function(a){for(var b=["bind","unbind","trigger","on","emit"],c=0;c<b.length;c++)a.prototype[b[c]]=MicroEvent.prototype[b[c]]};
-ThreeRTT.Stage=function(a,b){b=_.extend({history:0,camera:{},scene:null},b);b.camera.aspect=b.camera.aspect||b.width/b.height;this.scene=b.scene||new THREE.Scene;this.camera=ThreeRTT.Camera(b.camera);this.scene.add(this.camera);this.target=new ThreeRTT.RenderTarget(a,b);this.reset();this.size(b.width,b.height)};
-ThreeRTT.Stage.prototype={options:function(){return this.target.options},reset:function(){this.renderables&&_.each(this.renderables,function(a){this.scene.remove(a)}.bind(this));this.passes=[];this.renderables=[]},paint:function(a,b){var c=new THREE.Object3D;c.frustumCulled=!1;c.visible=!0;if(!b){var d=new ThreeRTT.FragmentMaterial(this,"generic-fragment-texture"),d=this._surface(d);c.add(d)}c.add(a);this.scene.add(c);this.passes.push(1);this.renderables.push(c)},iterate:function(a,b){var c=this._surface(b);
-c.visible=!1;this.scene.add(c);this.passes.push(a);this.renderables.push(c);return this},fragment:function(a){this.iterate(1,a);return this},size:function(a,b){a=Math.floor(a);b=Math.floor(b);this.camera.aspect=a/b;this.target.size(a,b);return this},read:function(a){return this.target.read(a)},uniform:function(){return this.target.uniform()},render:function(){function a(b,c){b.visible=c;_.each(b.children,function(b){a(b,c)})}this.target.clear();_.each(this.passes,function(b,c){a(this.renderables[c],
-!0);_.loop(b,function(a){this.target.render(this.scene,this.camera)}.bind(this));a(this.renderables[c],!1)}.bind(this));return this},clear:function(){this.target.clear();return this},destroy:function(){this.target.deallocate();this.target=this.camera=this.scene=null},_surface:function(a){var b=new THREE.Mesh(new ThreeRTT.ScreenGeometry,{});b.frustumCulled=!1;b.material=a;b.renderDepth=Infinity;return b}};
-ThreeRTT.Compose=function(a,b,c,d){THREE.Object3D.call(this);a=new ThreeRTT.FragmentMaterial(a,b,c,d);b=new ThreeRTT.ScreenGeometry;a=this.mesh=new THREE.Mesh(b,a);a.frustumCulled=!1;this.add(a)};ThreeRTT.Compose.prototype=new THREE.Object3D;
-ThreeRTT.Camera=function(a){if(a.constructor instanceof THREE.Camera)return a;a=_.extend({aspect:1,far:1E4,fov:85,near:0.01,ortho:!1,scale:1},a);if(a.ortho){var b=a.scale,c=a.aspect;return new THREE.OrthographicCamera(-b*c,b*c,-b,b,a.near,a.far)}return new THREE.PerspectiveCamera(a.fov,a.aspect,a.near,a.far)};
+ThreeRTT.Stage=function(a,b){b=_.extend({history:0,camera:{},scene:null},b);b.camera.aspect=b.camera.aspect||b.width/b.height;this.camera=ThreeRTT.Camera(b.camera);this.target=new ThreeRTT.RenderTarget(a,b);this.reset();this.size(b.width,b.height)};
+ThreeRTT.Stage.prototype={options:function(){return this.target.options},reset:function(){this.scenes=[];this.passes=[]},paint:function(a,b){var c=new THREE.Scene;if(!b){var d=new ThreeRTT.FragmentMaterial(this,"generic-fragment-texture"),d=this._surface(d);c.add(d)}c.add(a);this.scenes.push(c);this.passes.push(1)},iterate:function(a,b){var c=this._surface(b),d=new THREE.Scene;d.add(c);this.scenes.push(d);this.passes.push(a);return this},fragment:function(a){this.iterate(1,a);return this},size:function(a,
+b){a=Math.floor(a);b=Math.floor(b);this.camera.aspect=a/b;this.camera.updateProjectionMatrix();this.target.size(a,b);return this},read:function(a){return this.target.read(a)},uniform:function(){return this.target.uniform()},render:function(){this.target.clear();_.each(this.passes,function(a,b){_.loop(a,function(a){this.target.render(this.scenes[b],this.camera)}.bind(this))}.bind(this));return this},clear:function(){this.target.clear();return this},destroy:function(){this.target.deallocate();this.scenes=
+[];this.passes=[];this.target=this.camera=null},_surface:function(a){var b=new THREE.Mesh(new ThreeRTT.ScreenGeometry,{});b.frustumCulled=!1;b.material=a;b.renderDepth=Infinity;return b}};ThreeRTT.Compose=function(a,b,c,d){THREE.Object3D.call(this);a=new ThreeRTT.FragmentMaterial(a,b,c,d);b=new ThreeRTT.ScreenGeometry;a=this.mesh=new THREE.Mesh(b,a);a.frustumCulled=!1;this.add(a)};ThreeRTT.Compose.prototype=new THREE.Object3D;
+ThreeRTT.Camera=function(a){if(a instanceof THREE.Camera)return a;a=_.extend({aspect:1,far:1E4,fov:85,near:0.01,ortho:!1,scale:1},a);if(a.ortho){var b=a.scale,c=a.aspect;return new THREE.OrthographicCamera(-b*c,b*c,-b,b,a.near,a.far)}return new THREE.PerspectiveCamera(a.fov,a.aspect,a.near,a.far)};
 ThreeRTT.RenderTarget=function(a,b){this.options=b=_.extend({width:256,height:256,texture:{},clear:{color:!1,depth:!1,stencil:!1},clearColor:16777215,clearAlpha:1,history:0,scene:null,camera:null,autoAdvance:!0},b);this.renderer=a;ThreeRTT.isPowerOfTwo(b.width)&&ThreeRTT.isPowerOfTwo(b.height)||b.texture.minFilter||(b.texture.minFilter=THREE.LinearFilter);this.history(this.options.history,!0);this.size(b.width,b.height);this.clear()};
-ThreeRTT.RenderTarget.prototype={read:function(a){a=Math.max(0,Math.min(this.options.history,Math.abs(a||0)));return this.virtuals[a]},write:function(){return this.targets[this.index]},history:function(a,b){void 0!==a&&(this._history=a,this.buffers=a+2,b||this.allocate());return this._history},size:function(a,b){a&&b&&(this.width=Math.floor(a),this.height=Math.floor(b),this.allocate());return{width:this.width,height:this.height}},deallocate:function(){this.deallocateTargets()},allocate:function(){this.deallocateTargets();
-this.allocateTargets();this.allocateVirtuals()},deallocateTargets:function(){_.each(this.targets||[],function(a){this.renderer.deallocateRenderTarget(a)}.bind(this))},allocateTargets:function(){var a=this.options;n=this.buffers;var b=this.targets=[];_.loop(n,function(c){b.push(new THREE.WebGLRenderTarget(this.width,this.height,a.texture));b[c].__index=c}.bind(this))},allocateVirtuals:function(){var a=this.targets[0],b=this.virtuals||[];n=Math.max(1,this.buffers-1);n>b.length?_.loop(n-b.length,function(){b.push(a.clone())}.bind(this)):
-b=b.slice(0,n);_.each(b,function(a,b){a.width=this.width;a.height=this.height;a.__index=b}.bind(this));this.virtuals=b;this.index=-1;this.advance()},advance:function(){var a=this.targets,b=this.virtuals,c=this.index,d=this.buffers,e=b.length;this.index=c=(c+1)%d;_.loop(e,function(f){var g=b[f];f=a[(e-f+c)%d];g.__webglTexture=f.__webglTexture;g.__webglFramebuffer=f.__webglFramebuffer;g.__webglRenderbuffer=f.__webglRenderbuffer;g.__index=f.__index})},clear:function(){var a=this.options,b=a.clear,c=
-this.renderer,d=c.getClearColor().clone(),e=c.getClearAlpha();c.setClearColorHex(a.clearColor,a.clearAlpha);c.clearTarget(this.write(),b.color,b.stencil,b.depth);c.setClearColor(d,e)},render:function(a,b){this.emit("render",a,b);var c=this.renderer.autoClear;this.renderer.autoClear=!1;this.clear();this.renderer.render(a,b,this.write());this.renderer.autoClear=c;this.options.autoAdvance&&this.advance()},uniform:function(a){var b=this.history();if(b){var c=[];_.loop(b+1,function(a){c.push(this.read(-a))}.bind(this));
-return{type:"tv",value:c,count:b+1}}return{type:"t",value:a,texture:this.read(),count:1}}};MicroEvent.mixin(ThreeRTT.RenderTarget);ThreeRTT.ScreenGeometry=function(){return new THREE.PlaneGeometry(2,2,1,1)};
+ThreeRTT.RenderTarget.prototype={read:function(a){a=Math.max(0,Math.min(this.options.history,Math.abs(a||0)));return this.virtuals[a]},write:function(){return this.targets[this.index]},history:function(a,b){void 0!==a&&(this._history=a,this.buffers=a+2,b||this.allocate());return this._history},size:function(a,b){void 0!==a&&void 0!==b&&(this.width=Math.max(1,Math.floor(a)),this.height=Math.max(1,Math.floor(b)),this.allocate());return{width:this.width,height:this.height}},deallocate:function(){this.deallocateTargets()},
+allocate:function(){this.deallocateTargets();this.allocateTargets();this.allocateVirtuals()},deallocateTargets:function(){_.each(this.targets||[],function(a){a.dispose()}.bind(this))},allocateTargets:function(){var a=this.options;n=this.buffers;var b=this.targets=[];_.loop(n,function(c){b.push(new THREE.WebGLRenderTarget(this.width,this.height,a.texture));b[c].__index=c}.bind(this))},allocateVirtuals:function(){var a=this.targets[0],b=this.virtuals||[];n=Math.max(1,this.buffers-1);n>b.length?_.loop(n-
+b.length,function(){b.push(a.clone())}.bind(this)):b=b.slice(0,n);_.each(b,function(a,b){a.width=this.width;a.height=this.height;a.__index=b}.bind(this));this.virtuals=b;this.index=-1;this.advance()},advance:function(){var a=this.targets,b=this.virtuals,c=this.index,d=this.buffers,e=b.length;this.index=c=(c+1)%d;_.loop(e,function(f){var h=b[f];f=a[(e-f+c)%d];h.__webglTexture=f.__webglTexture;h.__webglFramebuffer=f.__webglFramebuffer;h.__webglRenderbuffer=f.__webglRenderbuffer;h.__index=f.__index})},
+clear:function(){var a=this.options,b=a.clear,c=this.renderer,d=c.getClearColor().clone(),e=c.getClearAlpha();c.setClearColor(a.clearColor,a.clearAlpha);c.clearTarget(this.write(),b.color,b.depth,b.stencil);c.setClearColor(d,e)},render:function(a,b){this.emit("render",a,b);var c=this.renderer.autoClear;this.renderer.autoClear=!1;this.clear();this.renderer.render(a,b,this.write());this.renderer.autoClear=c;this.options.autoAdvance&&this.advance()},uniform:function(a){var b=this.history();if(b){var c=
+[];_.loop(b+1,function(a){c.push(this.read(-a))}.bind(this));return{type:"tv",value:c,count:b+1}}return{type:"t",value:a,texture:this.read(),count:1}}};MicroEvent.mixin(ThreeRTT.RenderTarget);ThreeRTT.ScreenGeometry=function(){return new THREE.PlaneGeometry(2,2,1,1)};
 ThreeRTT.ShaderMaterial=function(a,b,c,d,e){if(d instanceof Array){var f={};_.each(d,function(a,b){f["texture"+(i+1)]=a});d=f}else if(d instanceof THREE.Texture||d instanceof ThreeRTT.World||d instanceof THREE.WebGLRenderTarget)d={texture1:d};a instanceof Array||(a=[a]);a=_.map(a,function(a){return ThreeRTT.toTarget(a)});e=_.extend(e||{},{sampleStep:{type:"v2",value:new THREE.Vector2}});_.each(d,function(a,b){e[b]={type:"t",value:ThreeRTT.toTexture(a)}});_.each(a,function(a,b){var c="texture"+(b+
 1);a.read&&!e[c]&&(e[c]={type:"t",value:a.read()})});e.texture1&&!e.texture&&(e.texture=e.texture1);a[0].on("render",function(){var b=a[0].options.texture,c=b.wrapT,d={1E3:0,1001:1,1002:0},f=e.sampleStep.value;f.x=1/(a[0].width-(d[b.wrapS]||0));f.y=1/(a[0].height-(d[c]||0))});return new THREE.ShaderMaterial({uniforms:e,vertexShader:ThreeRTT.getShader(b||"generic-vertex"),fragmentShader:ThreeRTT.getShader(c||"generic-fragment-texture")})};
 ThreeRTT.FragmentMaterial=function(a,b,c,d){a=new ThreeRTT.ShaderMaterial(a,"generic-vertex-screen",b,c,d);a.side=THREE.DoubleSide;a.depthTest=!1;a.depthWrite=!1;a.transparent=!0;a.blending=THREE.NoBlending;return a};
-ThreeRTT.DownsampleMaterial=function(a,b){var c={};a=ThreeRTT.toTarget(a);b=ThreeRTT.toTarget(b);c=_.extend(c,{sampleAlignment:{type:"v2",value:new THREE.Vector2},texture:{type:"t",value:a.read()}});b.on("render",function(){var d=a,f=b,g=2*f.height/d.height,h=c.sampleAlignment.value;h.x=2*f.width/d.width;h.y=g});var d=new THREE.ShaderMaterial({uniforms:c,vertexShader:ThreeRTT.getShader("rtt-vertex-downsample"),fragmentShader:ThreeRTT.getShader("generic-fragment-texture")});d.side=THREE.DoubleSide;
-d.depthTest=!1;d.depthWrite=!1;d.transparent=!0;d.blending=THREE.NoBlending;return d};
-ThreeRTT.RaytraceMaterial=function(a,b,c,d){if(c instanceof Array)_.each(c,function(a,b){});else if(c instanceof THREE.Texture||c instanceof ThreeRTT.World||c instanceof THREE.WebGLRenderTarget)c={texture1:c};a=ThreeRTT.toTarget(a);d=_.extend(d||{},{cameraViewport:{type:"v2",value:new THREE.Vector2},cameraWorld:{type:"m4",value:new THREE.Matrix4}});var e=0;_.each(c||[],function(a,b){d[b]={type:"t",value:e++,texture:ThreeRTT.toTexture(a)}});a.on("render",function(a,b){b.updateMatrixWorld();if(b.fov){var c=
-Math.tan(b.fov*\u03c0/360);d.cameraViewport.value.set(c*b.aspect,c)}b.matrixWorld&&(d.cameraWorld.value=b.matrixWorld)});return new THREE.ShaderMaterial({uniforms:d,vertexShader:ThreeRTT.getShader("generic-vertex-screen"),fragmentShader:ThreeRTT.getShader(b)})};ThreeRTT.Display=function(a,b,c){a instanceof Array||(a=[a]);this.gx=b||a.length;this.gy=c||1;this.targets=a;this.n=a.length;THREE.Object3D.call(this);this.make()};
-ThreeRTT.Display.prototype=_.extend(new THREE.Object3D,{make:function(){for(var a=this.n,b=this.gx,c=this.gy,d=this.targets,e=(b-1)/2,f=(c-1)/2,g=new THREE.PlaneGeometry(1,1,1,1),h=0,k=0;h<a&&k<c;++k)for(var l=0;h<a&&l<b;++l,++h){var m=new THREE.MeshBasicMaterial({color:16777215,map:ThreeRTT.toTexture(d[h]),fog:!1});m.side=THREE.DoubleSide;m=new THREE.Mesh(g,m);m.renderDepth=1E4+Math.random();this.add(m);1<b&&(m.position.x=-e+l);1<c&&(m.position.y=f-k)}}});
+ThreeRTT.ScaleMaterial=function(a,b,c){var d={};a=ThreeRTT.toTarget(a);b=ThreeRTT.toTarget(b);d=_.extend(d,{sampleAlignment:{type:"v2",value:new THREE.Vector2},texture:{type:"t",value:a.read()}});b.on("render",function(){var e=a,h=b,k=h.height*c/e.height,g=d.sampleAlignment.value;g.x=h.width*c/e.width;g.y=k});var e=new THREE.ShaderMaterial({uniforms:d,vertexShader:ThreeRTT.getShader("rtt-vertex-downsample"),fragmentShader:ThreeRTT.getShader("generic-fragment-texture")});e.side=THREE.DoubleSide;e.depthTest=
+!1;e.depthWrite=!1;e.transparent=!0;e.blending=THREE.NoBlending;return e};ThreeRTT.DownsampleMaterial=function(a,b){return new ThreeRTT.ScaleMaterial(a,b,2)};ThreeRTT.UpsampleMaterial=function(a,b){return new ThreeRTT.ScaleMaterial(a,b,0.5)};
+ThreeRTT.RaytraceMaterial=function(a,b,c,d,e){a instanceof Array||(a=[a]);c=new ThreeRTT.ShaderMaterial(a,"raytrace-vertex-screen",c,d,e);e=_.extend(c.uniforms||{},{raytraceViewport:{type:"v2",value:new THREE.Vector2},raytracePosition:{type:"v3",value:new THREE.Vector3},raytraceMatrix:{type:"m4",value:new THREE.Matrix4}});a=ThreeRTT.toTarget(a[0]);var f=new THREE.Vector3;a.on("render",function(a){b.updateMatrixWorld();b.fov&&(a=Math.tan(b.fov*\u03c0/360),e.raytraceViewport.value.set(a*b.aspect,a));
+b.matrixWorld&&(e.raytraceMatrix.value.copy(b.matrixWorld),e.raytraceMatrix.value.setPosition(f),e.raytracePosition.value.getPositionFromMatrix(b.matrixWorld))});return c};ThreeRTT.Display=function(a,b,c){a instanceof Array||(a=[a]);this.gx=b||a.length;this.gy=c||1;this.targets=a;this.n=a.length;THREE.Object3D.call(this);this.make()};
+ThreeRTT.Display.prototype=_.extend(new THREE.Object3D,{make:function(){for(var a=this.n,b=this.gx,c=this.gy,d=this.targets,e=(b-1)/2,f=(c-1)/2,h=new THREE.PlaneGeometry(1,1,1,1),k=0,g=0;k<a&&g<c;++g)for(var l=0;k<a&&l<b;++l,++k){var m=new THREE.MeshBasicMaterial({color:16777215,map:ThreeRTT.toTexture(d[k]),fog:!1});m.side=THREE.DoubleSide;m=new THREE.Mesh(h,m);m.renderDepth=1E4+Math.random();this.add(m);1<b&&(m.position.x=-e+l);1<c&&(m.position.y=f-g)}}});
 ThreeRTT.World=function(a,b){b=b||{};b=_.extend({autoRendering:!0,autoSize:!(b.width&&b.height),order:++ThreeRTT.World.sequence,scale:1},b);b.width=!b.autoSize&&b.width||(a._opts&&a._opts.renderW||256)/b.scale;b.height=!b.autoSize&&b.height||(a._opts&&a._opts.renderH||256)/b.scale;a.on("resize",function(a,d){b.autoSize&&(a/=b.scale,d/=b.scale,this.size(a,d))}.bind(this));this._options=b;this._world=a;this._autoRendering=b.autoRendering;this._renderer=a.tRenderer();this._stage=new ThreeRTT.Stage(this._renderer,
-b);this._scene=this._stage.scene;this._camera=this._stage.camera;this.queue=ThreeRTT.RenderQueue.bind(a);b.autoRendering&&this.queue.add(this);this.size(b.width,b.height,!0)};ThreeRTT.World.sequence=1E5;
+b);this._tScene=this._stage.scene;this._tCamera=this._stage.camera;this.queue=ThreeRTT.RenderQueue.bind(a);b.autoRendering&&this.queue.add(this);this.size(b.width,b.height,!0)};ThreeRTT.World.sequence=1E5;
 ThreeRTT.World.prototype=_.extend(new THREE.Object3D,tQuery.World.prototype,{stage:function(){return this._stage},target:function(){return this._stage.target},autoSize:function(a){void 0!==a&&(this._options.autoSize=a);return this._options.autoSize},adjust:function(a){var b=this._options.scale,c=this._options.width,d=this._options.height;this._options.autoSize&&(d=this._world._opts,c=d.renderW,d=d.renderH);c/=b;d/=b;this._opts={renderW:c,renderH:d};a||this._stage.size(c,d)},scale:function(a){return a?
 (this._options.scale=a,this.adjust(),this):this._options.scale},size:function(a,b,c){return a&&b?(this._options.width=a,this._options.height=b,this.adjust(c),this):{width:this._options.width,height:this._options.height}},options:function(){return this._stage.options()},reset:function(){this._stage.reset();return this},paint:function(a,b){this._stage.paint(a,b);return this},iterate:function(a,b,c,d){b=b instanceof THREE.Material?b:tQuery.createFragmentMaterial(this,b,c,d);this._stage.iterate(a,b);
-return this},fragment:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createFragmentMaterial(this,a,b,c);this._stage.fragment(a);return this},raytrace:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createRaytraceMaterial(this,a,b,c);this._stage.fragment(a);return this},downsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=b.width;this._options.height=b.height}b=a.scale();this.scale(2*b);a=tQuery.createDownsampleMaterial(a,this);this._stage.fragment(a);return this},
-read:function(a){return this._stage.read(a)},uniform:function(){return this._stage.uniform()},render:function(){this._stage.render();return this},destroy:function(){this._stage.destroy();this._stage=null;this.queue.remove(this);this.trigger("destroy");return this}});tQuery.pluginsInstanceOn(ThreeRTT.World);tQuery.MicroeventMixin(ThreeRTT.World.prototype);ThreeRTT.RenderQueue=function(a){this.world=a;this.queue=[];this.callback=null;this.renderer=a.tRenderer()};
+return this},shader:function(a,b,c,d){a=a instanceof THREE.Material?a:tQuery.createShaderMaterial(this,a,b,c,d);this._stage.fragment(a);return this},fragment:function(a,b,c){a=a instanceof THREE.Material?a:tQuery.createFragmentMaterial(this,a,b,c);this._stage.fragment(a);return this},raytrace:function(a,b,c,d){a=b instanceof THREE.Material?b:tQuery.createRaytraceMaterial(this,a,b,c,d);this._stage.fragment(a);return this},downsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=
+b.width;this._options.height=b.height}b=a.scale();this.scale(2*b);a=tQuery.createDownsampleMaterial(a,this);this._stage.fragment(a);return this},upsample:function(a){if(!a.autoSize()){var b=a.size();this._options.width=b.width;this._options.height=b.height}b=a.scale();this.scale(0.5*b);a=tQuery.createUpsampleMaterial(a,this);this._stage.fragment(a);return this},read:function(a){return this._stage.read(a)},uniform:function(){return this._stage.uniform()},render:function(){this._stage.render();return this},
+destroy:function(){this._stage.destroy();this._stage=null;this.queue.remove(this);this.trigger("destroy");return this}});tQuery.pluginsInstanceOn(ThreeRTT.World);tQuery.MicroeventMixin(ThreeRTT.World.prototype);ThreeRTT.RenderQueue=function(a){this.world=a;this.queue=[];this.callback=null;this.renderer=a.tRenderer()};
 ThreeRTT.RenderQueue.prototype={add:function(a){this.queue.push(a);this.sort();this.init()},remove:function(a){this.queue.splice(this.queue.indexOf(a),1);this.cleanup()},init:function(){var a=this.queue,b=this.world;a.length&&!this.callback&&b.loop().hookPreRender(this.callback=function(){_.each(a,function(a){a.render()})})},cleanup:function(){var a=this.world;!this.queue.length&&this.callback&&(a.loop().unhookPreRender(this.callback),this.callback=null)},sort:function(){this.queue.sort(function(a,
 b){return a.order-b.order})}};ThreeRTT.RenderQueue.bind=function(a){return a.__rttRenderQueue?a.__rttRenderQueue:a.__rttRenderQueue=new ThreeRTT.RenderQueue(a)};tQuery.World.registerInstance("rtt",function(a){return tQuery.createRTT(this,a)});tQuery.World.registerInstance("compose",function(a,b,c,d){a=tQuery.createComposeRTT(a,b,c,d);this.add(a);return a});tQuery.World.registerInstance("display",function(a,b,c){a=tQuery.createDisplayRTT(a,b,c);this.add(a);return a});
 tQuery.registerStatic("createRTT",function(a,b){return new ThreeRTT.World(a,b)});tQuery.registerStatic("createComposeRTT",function(a,b,c,d){return new ThreeRTT.Compose(a,b,c,d)});tQuery.registerStatic("createDisplayRTT",function(a,b,c){return new ThreeRTT.Display(a,b,c)});tQuery.registerStatic("createShaderMaterial",function(a,b,c,d,e){return new ThreeRTT.FragmentMaterial(a,b,c,d,e)});tQuery.registerStatic("createFragmentMaterial",function(a,b,c,d){return new ThreeRTT.FragmentMaterial(a,b,c,d)});
-tQuery.registerStatic("createRaytraceMaterial",function(a,b,c,d){return new ThreeRTT.RaytraceMaterial(a,b,c,d)});tQuery.registerStatic("createDownsampleMaterial",function(a,b){return new ThreeRTT.DownsampleMaterial(a,b)});(function(a){for(var b in a)if(!window[b])throw"Error: ShaderGraph requires "+a[b];})({THREE:"Three.js"});window.ShaderGraph={};ShaderGraph.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};
-(function(a){a.Block=function(b){b=b||new a.Node;this.node(b);this.children=[];this.parent=null;this.properties={};this.index=++a.Block.index;this.refresh()};a.Block.index=0;a.Block.prototype={node:function(a){return void 0!==a?(this._node=a,this):this._node},refresh:function(){this._node.owner(this);this._node.outlets(this.outlets())},fetch:function(a,c,d,e){}};a.Block.Snippet=function(b){this.snippet=new a.Snippet(b);a.Block.call(this)};a.Block.Snippet.prototype=_.extend({},a.Block.prototype,{insert:function(b,
-c,d){a.Block.Snippet.compileCall(b,c,this.node(),this.snippet,d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);return d.id()},outlets:function(){return a.Block.Snippet.makeOutlets(this.snippet)}});a.Block.Material=function(b,c){this.vertex=new a.Snippet(b);this.fragment=new a.Snippet(c);a.Block.call(this)};a.Block.Material.prototype=_.extend({},a.Block.prototype,{compile:function(){if(0<this.node().outputs.length)throw"Can't compile material with outputs";this.node();var b=new a.Program;
-this.insert(b,"vertex",0);this.insert(b,"fragment",0);b.compile();return b},insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this[c],d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);"fragment"==c&&(a.include(this,"vertex")||this.insert(a,"vertex",0));return d.id()},outlets:function(){var b=a.Block.Snippet.makeOutlets(this.vertex),c=a.Block.Snippet.makeOutlets(this.fragment);return _.union(b,c)}});a.Block.Snippet.makeOutlets=function(b){var c=[];if(b.outlets)return b.outlets;
-var d=b.arguments();_.each(d.parameters,function(a){a.meta={required:!0};a.hint=a.name.replace(/(In|Out)$/,"");a.category="parameter";c.push(a)});_.each(d.uniforms,function(b){b.meta={};b.hint=b.name.replace(/(In|Out)$/,"");b.category="uniform";b.inout=a.IN;c.push(b)});return b.outlets=c};a.Block.Snippet.compileCall=function(b,c,d,e,f){var g=e.arguments(),h=[];_.each(g.parameters,function(e){var g=d.get(e.name);if(e.inout==a.IN)if(g.input)g=g.input.node.owner().fetch(b,c,g.input,f+1),b.variable(c,
-g,e),h.push(g);else throw console.log("Outlet",e,g),["Missing connection on outlet for "+e.name];else e.inout==a.OUT&&(g=g.id(),b.variable(c,g,e),h.push(g))});var k=[];_.each(g.uniforms,function(a){var e=d.get(a.name);e.input?(e=e.input.node.owner().fetch(b,c,e.input,f+1),b.variable(c,e,a),h.push(e),k.push(a.name)):b.external("uniform",a)});_.each(g.attributes,function(a){b.external("attribute",a)});_.each(g.varyings,function(a){b.external("varying",a)});g=["_sg",c,e.name,d.owner().index].join("_");
-e=e.compile(g,k,!0);b.add(c,g,h,e,f)}})(ShaderGraph);
+tQuery.registerStatic("createRaytraceMaterial",function(a,b,c,d,e){return new ThreeRTT.RaytraceMaterial(a,b,c,d,e)});tQuery.registerStatic("createDownsampleMaterial",function(a,b){return new ThreeRTT.DownsampleMaterial(a,b)});tQuery.registerStatic("createUpsampleMaterial",function(a,b){return new ThreeRTT.UpsampleMaterial(a,b)});tQuery.registerStatic("createScaleMaterial",function(a,b,c){return new ThreeRTT.DownsampleMaterial(a,b,c)});
+(function(a){for(var b in a)if(!window[b])throw"Error: ShaderGraph requires "+a[b];})({THREE:"Three.js"});window.ShaderGraph={};ShaderGraph.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};
+(function(a){a.Block=function(b){b=b||new a.Node;this.node(b);this.children=[];this.parent=null;this.properties={};this.index=++a.Block.index;this.refresh()};a.Block.index=0;a.Block.prototype={node:function(a){return void 0!==a?(this._node=a,this):this._node},refresh:function(){this._node.owner(this);this._node.outlets(this.outlets())},fetch:function(a,c,d,e){},id:function(b,c,d,e){if(d.meta.inout){var f=d.node.get(d.name,a.IN).input;if(f)return f.node.owner().fetch(b,c,f,e+1)}return d.id()}};a.Block.Snippet=
+function(b){this.snippet=new a.Snippet(b);a.Block.call(this)};a.Block.Snippet.prototype=_.extend({},a.Block.prototype,{insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this.snippet,d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);return this.id(a,c,d,e)},outlets:function(){return a.Block.Snippet.makeOutlets(this.snippet)}});a.Block.Material=function(b,c){this.vertex=new a.Snippet(b);this.fragment=new a.Snippet(c);a.Block.call(this)};a.Block.Material.prototype=_.extend({},
+a.Block.prototype,{compile:function(){if(0<this.node().outputs.length)throw"Can't compile material with outputs";this.node();var b=new a.Program;this.insert(b,"vertex",0);this.insert(b,"fragment",0);b.compile();return b},insert:function(b,c,d){a.Block.Snippet.compileCall(b,c,this.node(),this[c],d)},fetch:function(a,c,d,e){a.include(this,c)||this.insert(a,c,e);"fragment"==c&&(a.include(this,"vertex")||this.insert(a,"vertex",0));return this.id(a,c,d,e)},outlets:function(){var b=a.Block.Snippet.makeOutlets(this.vertex),
+c=a.Block.Snippet.makeOutlets(this.fragment);return _.union(b,c)}});a.Block.Snippet.makeOutlets=function(b){var c=[];if(b.outlets)return b.outlets;var d=b.arguments();_.each(d.parameters,function(b){b=_.extend({},b);b.meta={required:!0};b.hint=b.name.replace(/(In|Out)$/,"");b.category="parameter";if(b.inout==a.INOUT){b.meta.inout=!0;var d=_.extend({},b);d.inout=a.IN;c.push(d);b.inout=a.OUT}c.push(b)});_.each(d.uniforms,function(b){b.meta={};b.hint=b.name.replace(/(In|Out)$/,"");b.category="uniform";
+b.inout=a.IN;c.push(b)});return b.outlets=c};a.Block.Snippet.compileCall=function(b,c,d,e,f){var h=e.arguments(),k=[];_.each(h.parameters,function(e){var g=d.get(e.name,e.inout==a.INOUT?a.IN:e.inout);if(e.inout==a.IN||e.inout==a.INOUT)if(g.input)g=g.input.node.owner().fetch(b,c,g.input,f+1),b.variable(c,g,e),k.push(g);else throw console.log("Outlet",e,input),["Missing connection on outlet for "+e.name];else e.inout==a.OUT&&(g=g.id(),b.variable(c,g,e),k.push(g))});var g=[];_.each(h.uniforms,function(a){var e=
+d.get(a.name);e.input?(e=e.input.node.owner().fetch(b,c,e.input,f+1),b.variable(c,e,a),k.push(e),g.push(a.name)):b.external("uniform",a)});_.each(h.attributes,function(a){b.external("attribute",a)});_.each(h.varyings,function(a){b.external("varying",a)});h=["_sg",c,e.name,d.owner().index].join("_");e=e.compile(h,g,!0);b.add(c,h,k,e,f)}})(ShaderGraph);
 (function(a){a.Factory=function(){this.end()};a.Factory.prototype={snippet:function(b,c){c=c||"append";var d=new a.Block.Snippet(ShaderGraph.getShader(b));this[c](d.node());return this},material:function(b,c,d){d=d||"append";b=new a.Block.Material(ShaderGraph.getShader(b),ShaderGraph.getShader(c));this[d](b.node());return this},snippetBefore:function(a){this.snippet(a,"prepend");return this},materialBefore:function(a,c){this.material(code,"prepend");return this},append:function(a){a.graph||this.graph.add(a);
-var c=this.stack[0];_.each(c.end,function(c){c.connect(a)});c.start.length||(c.start=[a]);c.end=[a];return this},prepend:function(a){a.graph||this.graph.add(a);var c=this.stack[0];_.each(c.start,function(c){a.connect(c)});c.end.length||(c.end=[a]);c.start=[a];return this},group:function(){this.stack.unshift({start:[],end:[]});this.stack.unshift({start:[],end:[]});return this},next:function(){var a=this.stack.shift(),c=this.stack[0];c.start=c.start.concat(a.start);c.end=c.end.concat(a.end);this.stack.unshift({start:[],
-end:[]});return this},combine:function(){if(2>=this.stack.length)throw"Popping factory stack too far.";this.next();this.stack.shift();var a=this.stack.shift(),c=this.stack[0];_.each(a.start,function(a){_.each(c.end,function(b){b.connect(a,!0)})});c.end=a.end;return this},end:function(){var b=this.graph;this.graph=new a.Graph;this.stack=[];this.group();b&&(b.compile=function(){return b.tail().owner().compile()});return b}}})(ShaderGraph);
+var c=this.stack[0];_.each(c.end,function(c){c.connect(a)});c.start.length||(c.start=[a]);c.end=[a];return this},prepend:function(a){a.graph||this.graph.add(a);var c=this.stack[0];_.each(c.start,function(c){a.connect(c)});c.end.length||(c.end=[a]);c.start=[a];return this},group:function(){this.stack.unshift({start:[],end:[]});this.stack.unshift({start:[],end:[]});return this},pass:function(){this.next();this.stack[0].start.push(null);return this.combine()},next:function(){var a=this.stack.shift(),
+c=this.stack[0];c.start=c.start.concat(a.start);c.end=c.end.concat(a.end);this.stack.unshift({start:[],end:[]});return this},combine:function(){if(2>=this.stack.length)throw"Popping factory stack too far.";this.next();this.stack.shift();var a=this.stack.shift(),c=this.stack[0];a.start.length&&(_.each(a.start,function(d){d?_.each(c.end,function(a){a.connect(d,!0)}):a.end=a.end.concat(c.end)}),c.end=a.end);return this},end:function(){var b=this.graph;this.graph=new a.Graph;this.stack=[];this.group();
+b&&(b.compile=function(){return b.tail().owner().compile()});return b}}})(ShaderGraph);
 (function(a){a.Program=function(){this.calls={vertex:{},fragment:{}};this.variables={vertex:{},fragment:{}};this.externals={};this.compiled=!1;this.attributes={};this.uniforms={};this.fragmentShader=this.vertexShader="";this.includes={vertex:[],fragment:[]}};a.Program.types={f:"float",v2:"vec2",v3:"vec3",v4:"vec4",m3:"mat3",m4:"mat4",t:"sampler2D"};a.Program.prototype={include:function(a,c){if(0<=this.includes[c].indexOf(a))return!0;this.includes[c].push(a);return!1},external:function(a,c){c=_.extend({category:a},
-c);this.externals[c.name]=c},variable:function(a,c,d){d=_.extend({},d,{name:c});this.variables[a][c]=d},add:function(a,c,d,e,f){var g=this.calls[a][c];g?g.priority=Math.min(g.priority,f):this.calls[a][c]={name:c,args:d,code:e,priority:f}},compile:function(){_.each(this.externals,function(a){"uniform"==a.category&&(this.uniforms[a.name]={type:a.type,value:a.value});"attribute"==a.category&&(this.attributes[a.name]={type:a.type,value:[]})}.bind(this));_.each(["vertex","fragment"],function(b){var c=
+c);this.externals[c.name]=c},variable:function(a,c,d){d=_.extend({},d,{name:c});this.variables[a][c]=d},add:function(a,c,d,e,f){var h=this.calls[a][c];h?h.priority=Math.min(h.priority,f):this.calls[a][c]={name:c,args:d,code:e,priority:f}},compile:function(){_.each(this.externals,function(a){"uniform"==a.category&&(this.uniforms[a.name]={type:a.type,value:a.value});"attribute"==a.category&&(this.attributes[a.name]={type:a.type,value:[]})}.bind(this));_.each(["vertex","fragment"],function(b){var c=
 [];_.each(this.externals,function(a){"attribute"==a.category&&"fragment"==b||c.push([a.category,a.signature,";"].join(" "))}.bind(this));var c=c.join("\n"),d=_.toArray(this.calls[b]),e=[c],f=["void main() {"];_.each(this.variables[b],function(b){f.push([a.Program.types[b.type],b.name,";"].join(" "))});d.sort(function(a,b){return b.priority-a.priority});_.each(d,function(a){e.push(a.code);f.push([a.name,"(",a.args.join(","),");"].join(""))});f.push("}");this[b+"Shader"]=[e.join("\n"),f.join("\n")].join("\n")}.bind(this));
 this.compiled=!0},material:function(){if(!this.compiled)throw"Fetching material from uncompiled program.";return new THREE.ShaderMaterial({uniforms:this.uniforms,vertexShader:this.vertex,fragmentShader:this.fragment})}}})(ShaderGraph);
 (function(a){a.Snippet=function(b){if(a.Snippet.cache[b])return a.Snippet.cache[b];a.Snippet.cache[b]=this;this.code=b;this.attributes=[];this.uniforms=[];this.varyings=[];this.parameters=[];this.body=this.signature="";this.parseCode(b)};a.Snippet.cache={};a.Snippet.types={"float":"f",vec2:"v2",vec3:"v3",vec4:"v4",mat3:"m3",mat4:"m4",sampler2D:"t",samplerCube:"t"};a.Snippet.defaults={"float":0,vec2:new THREE.Vector3,vec3:new THREE.Vector3,vec4:new THREE.Vector4,mat4:new THREE.Matrix4,sampler2D:0,
 samplerCube:0};a.Snippet.prototype={compile:function(a,c,d){var e=this.signature.slice(),f=[];c=c||[];_.each(this.uniforms,function(a){0<=c.indexOf(a.name)?e.push(a.signature):d||f.push(["uniform",a.signature].join(" "))});!d&&_.each(this.attributes,function(a){f.push(["attribute",a.signature].join(" "))});!d&&_.each(this.varyings,function(a){f.push(["varying",a.signature].join(" "))});a=this.body.replace(/\s*void\s+([A-Za-z0-9]+)\s*\([^\)]*\)/g,["void",a+"(",e.join(", "),")"].join(" "));f.push(a);
 return f.join(";\n")},arguments:function(){return{uniforms:this.uniforms,varyings:this.varyings,attributes:this.attributes,parameters:this.parameters}},type:function(b,c){b=(a.Snippet.types[b]||"f")+(c?"v":"");return"fv"==b?"fv1":b},parseAttribute:function(a){var c=a[1];this.attributes.push({name:a[3],type:this.type(a[2],a[4]),signature:c})},parseUniform:function(b){var c=b[1],d=b[2];this.uniforms.push({name:b[3],type:this.type(d,b[4]),value:a.Snippet.defaults[d]||0,signature:c})},parseVarying:function(a){var c=
 a[1];this.varyings.push({name:a[3],type:this.type(a[2],a[4]),signature:c})},parseSignature:function(b){this.name=b[1];var c=b[2].replace(/^\s*$/g,"");0==c.length?this.signature=[]:(arguments=this.signature=c.split(","),_.each(arguments,function(b){b=/((?:(in|out|inout)\s+)?([A-Za-z0-9]+)\s+([A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/.exec(b);var c=b[1];this.parameters.push({inout:{"in":a.IN,out:a.OUT,inout:a.INOUT}[b[2]||"in"],name:b[4],type:this.type(b[3],b[5]),signature:c})}.bind(this)))},parseCode:function(a){function c(a,
-b){if(!a.global)throw"Can't findAll non-global regexp";for(var c,d=[];c=a.exec(b);)d.push(c);return d}a=a.replace(/\r\n?/g,"\n").replace(/\/\/[^\n]*\n/g," ").replace(/\/\*(.|\n)*?\*\//g," ");var d=c(/(?:^|;)\s*attribute\s+(([A-Za-z0-9]+)\s+([A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),e=c(/(?:^|;)\s*uniform\s+(([A-Za-z0-9]+)\s+([A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),f=c(/(?:^|;)\s*varying\s+(([A-Za-z0-9]+)\s+([[A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),g=c(/(?:^|;)\s*void\s+([A-Za-z0-9]+)\s*\(([^\)]*)\)\s*{/g,
-a);if(!g[0])throw"Could not parse shader snippet. Must contain a void-returning function with in/outs: "+a;var h=a;_.each({parseAttribute:d,parseUniform:e,parseVarying:f},function(a,b){_.each(a,function(a){this[b](a);h=h.replace(a[0],"")}.bind(this))}.bind(this));h=h.replace(/^\s*;/,"");this.parseSignature(g[0]);this.body=h}}})(ShaderGraph);
+b){if(!a.global)throw"Can't findAll non-global regexp";for(var c,d=[];c=a.exec(b);)d.push(c);return d}a=a.replace(/\r\n?/g,"\n").replace(/\/\/[^\n]*\n/g," ").replace(/\/\*(.|\n)*?\*\//g," ");var d=c(/(?:^|;)\s*attribute\s+(([A-Za-z0-9]+)\s+([A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),e=c(/(?:^|;)\s*uniform\s+(([A-Za-z0-9]+)\s+([A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),f=c(/(?:^|;)\s*varying\s+(([A-Za-z0-9]+)\s+([[A-Za-z0-9_]+)\s*(?:\[([^\]]+)\])?)(?:$|(?=;))/g,a),h=c(/(?:^|;)\s*void\s+([A-Za-z0-9]+)\s*\(([^\)]*)\)\s*{/g,
+a);if(!h[0])throw"Could not parse shader snippet. Must contain a void-returning function with in/outs: "+a;var k=a;_.each({parseAttribute:d,parseUniform:e,parseVarying:f},function(a,b){_.each(a,function(a){this[b](a);k=k.replace(a[0],"")}.bind(this))}.bind(this));k=k.replace(/^\s*;/,"");this.parseSignature(h[0]);this.body=k}}})(ShaderGraph);
 (function(a){a.Graph=function(a,c){this.parent=c||null;this.nodes=[];a&&this.add(a)};a.Graph.prototype={iterate:function(a){_.each(this.nodes,function(c){a(c,c._owner)})},exposed:function(){var a=[];this.iterate(function(c){_.each(c.outlets(),function(c){c.exposed&&a.push(c)})});return a},inputs:function(){var a=[];this.iterate(function(c){_.each(c.inputs,function(c){null==c.input&&a.push(c)})});return a},outputs:function(){var a=[];this.iterate(function(c){_.each(c.outputs,function(c){0==c.output.length&&
 a.push(c)})});return a},tail:function(){return this.nodes[this.nodes.length-1]},add:function(a){if(a.constructor==Array)return _.each(a,function(a){this.add(a)}.bind(this));if(a.graph)throw"Adding node to two graphs at once";a.link(this);this.nodes.push(a)},remove:function(a,c){var d=this;if(a.constructor==Array)return _.each(a,function(a){d.remove(a)});if(a.graph!=this)throw"Removing node from wrong graph.";c||a.disconnect();this.nodes.splice(this.nodes.indexOf(a),1)}};a.IN=0;a.OUT=1;a.INOUT=2})(ShaderGraph);
 (function(a){a.Node=function(a,c){this.graph=null;this.inputs=[];this.outputs=[];this._outlets={};this.owner(a);this.outlets(c)};a.Node.prototype={owner:function(a){return void 0!==a?(this._owner=a,this):this._owner},link:function(a){this.graph=a},getIn:function(b){return this.get(b,a.IN)},getOut:function(b){return this.get(b,a.OUT)},get:function(b,c){return void 0===c?this.get(b,a.IN)||this.get(b,a.OUT):this._outlets[[b,c].join("-")]},key:function(a){return[a.name,a.inout].join("-")},outlets:function(b){if(void 0!==
 b){var c={};_.each(b,function(a){c[[a.name,a.inout,a.type].join("-")]=!0}.bind(this));_.each(this._outlets,function(a){c[[a.name,a.inout,a.type].join("-")]||this.remove(a)}.bind(this));_.each(b,function(b){var c=this.get(b.name,b.inout);c?c.morph(b):(b=new a.Outlet(b),this.add(b))}.bind(this));return this}return this._outlets},add:function(b){var c=this.key(b);outlets=this._outlets;_in=this.inputs;_out=this.outputs;if(b.node)throw"Adding outlet to two nodes at once.";if(outlets[c])throw"Adding two identical outlets to same node.";
 b.link(this);outlets[c]=b;(b.inout==a.IN?_in:_out).push(b);return this},remove:function(b){var c=this._outlets,d=this.key(b),e=b.inout==a.IN?this.inputs:this.outputs;if(b.node!=this)throw"Removing outlet from wrong node.";b.disconnect();b.link(null);delete c[d];e.splice(e.indexOf(b),1);return this},connect:function(a,c,d){var e={},f={};_.each(a.inputs,function(a){if(d||!a.input){var b=a.type,c=[b,a.hint].join("-");f[c]||(f[c]=a);e[b]=e[b]||[];e[b].push(a)}});_.each(this.outputs,function(a){if(!c||
 !a.output.length){var b=a.type,d=[b,a.hint].join("-");f[d]?(f[d].connect(a),delete f[d],e[b].splice(e[b].indexOf(a),1)):e[b]&&e[b].length&&e[b].shift().connect(a)}});return this},disconnect:function(a){_.each(this.inputs,function(a){a.disconnect()});_.each(this.outputs,function(a){a.disconnect()});return this}}})(ShaderGraph);
-(function(a){a.Outlets=0;a.Outlet=function(b,c,d,e,f,g,h){if("object"==typeof b)return new a.Outlet(b.inout,b.name,b.hint,b.type,b.category,b.exposed);this.node=null;this.inout=b;this.name=c;this.hint=d||c;this.type=e;this.category=f;this.exposed=!!g;this.meta=h||{};this.index=++a.Outlets;this.input=this.key=null;this.output=[]};a.Outlet.prototype={id:function(){return["_sg",this.name,this.index].join("_")},expose:function(a){this.exposed=a},morph:function(a){this.inout=a.inout;this.name=a.name;this.type=
-a.type;this.category=a.category;this.exposed=a.exposed;this.meta=a.meta||{}},connect:function(b){if(this.inout==a.IN&&b.inout==a.OUT)return b.connect(this);if(this.inout!=a.OUT||b.inout!=a.IN)throw console.log(this,b),"Can't connect out/out or in/in outlets.";b.input!=this&&(b.disconnect(),b.input=this,this.output.push(b))},disconnect:function(b){if(this.inout==a.IN)this.input&&this.input.disconnect(this);else if(b){var c=this.output.indexOf(b);0<=c&&(this.output.splice(c,1),b.input=null)}else _.each(this.output,
+(function(a){a.Outlets=0;a.Outlet=function(b,c,d,e,f,h,k){if("object"==typeof b)return new a.Outlet(b.inout,b.name,b.hint,b.type,b.category,b.exposed,b.meta);this.node=null;this.inout=b;this.name=c;this.hint=d||c;this.type=e;this.category=f;this.exposed=!!h;this.meta=k||{};this.index=++a.Outlets;this.input=this.key=null;this.output=[]};a.Outlet.prototype={id:function(){return["_sg",this.name,this.index].join("_")},expose:function(a){this.exposed=a},morph:function(a){this.inout=a.inout;this.name=a.name;
+this.type=a.type;this.category=a.category;this.exposed=a.exposed;this.meta=a.meta||{}},connect:function(b){if(this.inout==a.IN&&b.inout==a.OUT)return b.connect(this);if(this.inout!=a.OUT||b.inout!=a.IN)throw console.log(this,b),"Can't connect out/out or in/in outlets.";b.input!=this&&(b.disconnect(),b.input=this,this.output.push(b))},disconnect:function(b){if(this.inout==a.IN)this.input&&this.input.disconnect(this);else if(b){var c=this.output.indexOf(b);0<=c&&(this.output.splice(c,1),b.input=null)}else _.each(this.output,
 function(a){a.input=null}),this.output=[]},link:function(a){this.node=a}}})(ShaderGraph);\u03c0=Math.PI;\u03c4=2*\u03c0;(function(a){for(var b in a)if(!window[b])throw"Error: MathBox requires "+a[b];})({THREE:"Three.js",tQuery:"tQuery.js (bundle)",ThreeBox:"ThreeBox.js",ThreeRTT:"ThreeRTT.js"});window.MathBox={};window.mathBox=function(a,b){!a||a instanceof Node||(b=a,a=null);return tQuery.createWorld(b).mathBox(a,b)};
-MathBox.getShader=function(a){var b=document.getElementById(a);return b&&(b.innerText||b.textContent)||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};MathBox.Attributes=function(){};
-MathBox.Attributes.prototype={get:function(a){return void 0===a?this.__attributes||{}:this.__attributes?this.__attributes[a]:void 0},set:function(a,b){function c(a,b){try{b=h(a,b),d[a]=b,f[a]=b}catch(c){throw"Exception setting '"+a+"' to '"+b+"': "+c;}}this.__attributes||(this.__attributes={});this.__validators||(this.__validators={});var d={},e=this.__validators,f=this.__attributes,g=this,h=function(a,b){if(void 0===e[a]){var c="validate"+a.charAt(0).toUpperCase()+a.slice(1);e[a]=g[c]||!1}return e[a]?
+MathBox.getShader=function(a){var b=document.getElementById(a);return b&&b.textContent||a};Math.sign=function(a){return 0<a?1:0>a?-1:0};MathBox.Attributes=function(){};
+MathBox.Attributes.prototype={get:function(a){return void 0===a?this.__attributes||{}:this.__attributes?this.__attributes[a]:void 0},set:function(a,b){function c(a,b){try{b=k(a,b),d[a]=b,f[a]=b}catch(c){throw"Exception setting '"+a+"' to '"+b+"': "+c;}}this.__attributes||(this.__attributes={});this.__validators||(this.__validators={});var d={},e=this.__validators,f=this.__attributes,h=this,k=function(a,b){if(void 0===e[a]){var c="validate"+a.charAt(0).toUpperCase()+a.slice(1);e[a]=h[c]||!1}return e[a]?
 e[a].call(this,b):b}.bind(this);void 0!==a&&null!==a&&(a.constructor==String?c(a,b):_.each(a,function(a,b){c(b,a)}),this.emit("change",d))}};MicroEvent.mixin(MathBox.Attributes);MathBox.Attributes.mixin=function(a){_.each(["get","set","on","emit"],function(b){a.prototype[b]=MathBox.Attributes.prototype[b]})};MathBox.Animator=function(){this.active=[]};MathBox.Animator.now=1;
 MathBox.Animator.prototype={finalState:function(a){var b=_.extend({},a.get());a.__queue&&_.each(a.__queue,function(a,d){_.each(a,function(a){a.to&&(b[d]=a.to)})});return b},attach:function(a){if(!a.__queue){if(!a.__attributes)throw"Cannot attach to object without attributes";var b=this,c=a.set;a.set=function(a,e,f){if(!f){f=a;if(void 0===a||null===a)return;a.constructor==String&&(f={},f[a]=e);b.stop(this,f)}c.call(this,a,e)};a.__queue={};a.__animations=0}},hurry:function(a,b,c){c=c||4;_.each(b||a.__queue,
-function(b,e){_.each(a.__queue[e],function(a){a.hurry(c)})}.bind(this))},stop:function(a,b){_.each(b||a.__queue,function(b,d){for(;a.__queue[d];)this.dequeue(a,d,!0)}.bind(this))},animate:function(a,b,c){c=_.extend({duration:300},c||{});this.attach(a);_.each(b,function(b,e){var f=a.__queue[e]=a.__queue[e]||[];if(c.delay){var g=new MathBox.Animator.Delay(a,e,c.delay);f.push(g);0==a.__animations++&&this.active.push(a)}a.__validators[e]&&(b=a.__validators[e].call(a,b));g=new MathBox.Animator.Animation(a,
-e,b,c.duration,c.callback,c.ease);f.push(g);c.hold&&(g=new MathBox.Animator.Delay(a,e,c.hold),f.push(g),0==a.__animations++&&this.active.push(a));0==a.__animations++&&this.active.push(a)}.bind(this))},dequeue:function(a,b,c){var d=a.__queue[b];if(d){var e=d.shift();0==d.length&&delete a.__queue[b];c&&e.skip();0==--a.__animations&&this.active.splice(this.active.indexOf(a),1)}},update:function(a){MathBox.Animator.now+=a;a=this.active.slice();_.each(a,function(a){var c=0;_.each(a.__queue,function e(f,
-g){var h=f[0];value=h.apply(c||0);h.done()&&(c=h.extra(),this.dequeue(a,g),f[0]&&e.call(this,f,g))}.bind(this))}.bind(this))}};MathBox.Animator.Delay=function(a,b,c){this.object=a;this.key=b;this.duration=c;this.fraction=this.start=0};
+function(b,e){_.each(a.__queue[e],function(a){a.hurry(c)})}.bind(this))},stop:function(a,b){_.each(b||a.__queue,function(b,d){for(;a.__queue[d];)this.dequeue(a,d,!0)}.bind(this))},animate:function(a,b,c){c=_.extend({duration:300},c||{});this.attach(a);_.each(b,function(b,e){var f=a.__queue[e]=a.__queue[e]||[];if(c.delay){var h=new MathBox.Animator.Delay(a,e,c.delay);f.push(h);0==a.__animations++&&this.active.push(a)}a.__validators[e]&&(b=a.__validators[e].call(a,b));h=new MathBox.Animator.Animation(a,
+e,b,c.duration,c.callback,c.ease);f.push(h);c.hold&&(h=new MathBox.Animator.Delay(a,e,c.hold),f.push(h),0==a.__animations++&&this.active.push(a));0==a.__animations++&&this.active.push(a)}.bind(this))},dequeue:function(a,b,c){var d=a.__queue[b];if(d){var e=d.shift();0==d.length&&delete a.__queue[b];c&&e.skip();0==--a.__animations&&this.active.splice(this.active.indexOf(a),1)}},update:function(a){MathBox.Animator.now+=a;a=this.active.slice();_.each(a,function(a){var c=0;_.each(a.__queue,function e(f,
+h){var k=f[0];value=k.apply(c||0);k.done()&&(c=k.extra(),this.dequeue(a,h),f[0]&&e.call(this,f,h))}.bind(this))}.bind(this))}};MathBox.Animator.Delay=function(a,b,c){this.object=a;this.key=b;this.duration=c;this.fraction=this.start=0};
 MathBox.Animator.Delay.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0)},apply:function(a){this.start||this.init(a);this.fraction=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/this.duration):1},skip:function(){this.duration=0},hurry:function(a){this.duration=this.duration*this.fraction+this.duration*(1-this.fraction)/a},extra:function(){return MathBox.Animator.now-this.start-this.duration},done:function(){return 1==this.fraction}};
 MathBox.Animator.Animation=function(a,b,c,d,e,f){this.object=a;this.key=b;this.from=null;this.to=c;this.duration=d;this.fraction=this.start=0;this.callback=e;this.ease=f};
-MathBox.Animator.Animation.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0);null===this.from&&(this.from=this.object.get(this.key));void 0===this.from&&(this.from=0)},apply:function(a){function b(a,b){return a+(b-a)*k}function c(a,e){void 0===e&&(e=a);void 0===a&&(a=e);if(e===a)return a;if(typeof a!=typeof e)throw console.log(d,f),"Data type mismatch between from/to values in animator. "+f+": "+a+" ("+a.constructor+"), "+e+"("+e.constructor+")";var g;switch(typeof e){default:case "string":throw"Unimplemented value type in animator. ("+
-typeof e+")";case "function":return function(){return c(a.apply(this,arguments),e.apply(this,arguments))};case "boolean":return 0.5<h?e:a;case "number":return b(a,e);case "object":if(!a)return e;if(!e)return a;if(e.constructor==Array)return g=[],_.loop(a.length,function(b){g[b]=c(a[b],e[b])}),g;if(e.constructor==THREE.Matrix4){g=new THREE.Matrix4;for(var k=0;16>k;++k)g.elements[k]=b(a.elements[k],e.elements[k]);return g}return e.constructor==THREE.Vector3?(g=new THREE.Vector3,g.x=b(a.x,e.x),g.y=b(a.y,
-e.y),g.z=b(a.z,e.z),g):e.constructor==THREE.Color?(g=new THREE.Color,g.r=b(a.r,e.r),g.g=b(a.g,e.g),g.b=b(a.b,e.b),g):0.5<h?e:a}}this.start||this.init(a);var d=this.object;a=this.from;var e=this.to,f=this.key,g=this.ease,h;this.fraction=h=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/(this.duration||1)):1;var k;switch(g){case "in":k=1-(1-h)*(1-h);break;case "out":k=h*h;break;case "linear":k=h;break;default:k=0.5-0.5*Math.cos(h*\u03c0)}a=c(a,e);this.object.set(this.key,a,!0)},hurry:function(a){this.duration=
+MathBox.Animator.Animation.prototype={init:function(a){this.start=MathBox.Animator.now-(a||0);null===this.from&&(this.from=this.object.get(this.key));void 0===this.from&&(this.from=0)},apply:function(a){function b(a,b){return a+(b-a)*g}function c(a,e){void 0===e&&(e=a);void 0===a&&(a=e);if(e===a)return a;if(typeof a!=typeof e)throw console.log(d,f),"Data type mismatch between from/to values in animator. "+f+": "+a+" ("+a.constructor+"), "+e+"("+e.constructor+")";var g;switch(typeof e){default:case "string":throw"Unimplemented value type in animator. ("+
+typeof e+")";case "function":return function(){return c(a.apply(this,arguments),e.apply(this,arguments))};case "boolean":return 0.5<k?e:a;case "number":return b(a,e);case "object":if(!a)return e;if(!e)return a;if(e.constructor==Array)return g=[],_.loop(a.length,function(b){g[b]=c(a[b],e[b])}),g;if(e.constructor==THREE.Matrix4){g=new THREE.Matrix4;for(var h=0;16>h;++h)g.elements[h]=b(a.elements[h],e.elements[h]);return g}return e.constructor==THREE.Vector3?(g=new THREE.Vector3,g.x=b(a.x,e.x),g.y=b(a.y,
+e.y),g.z=b(a.z,e.z),g):e.constructor==THREE.Color?(g=new THREE.Color,g.r=b(a.r,e.r),g.g=b(a.g,e.g),g.b=b(a.b,e.b),g):0.5<k?e:a}}this.start||this.init(a);var d=this.object;a=this.from;var e=this.to,f=this.key,h=this.ease,k;this.fraction=k=0<this.duration?Math.min(1,(MathBox.Animator.now-this.start)/(this.duration||1)):1;var g;switch(h){case "in":g=1-(1-k)*(1-k);break;case "out":g=k*k;break;case "linear":g=k;break;default:g=0.5-0.5*Math.cos(k*\u03c0)}a=c(a,e);this.object.set(this.key,a,!0)},hurry:function(a){this.duration=
 this.duration*this.fraction+this.duration*(1-this.fraction)/a},skip:function(){this.duration=0;this.fraction=1;this.done()},extra:function(){return MathBox.Animator.now-this.start-this.duration},done:function(){return 1==this.fraction?(this.object.set(this.key,this.to,!0),this.callback&&this.callback(),this.callback=null,!0):!1}};
 MathBox.Stage=function(a,b,c){this.options=a=a||{};this._world=b;this.overlay=c;b&&b.on("resize",function(a,b){this.overlay.size(a,b);this.width=a;this.height=b}.bind(this));this.primitives=[];this.materials=new MathBox.Materials(this);this.animator=new MathBox.Animator;this._transition=0;this._speed=1;b&&(this.cameraProxy=new MathBox.CameraProxy(b,this.options));this.viewport({});this.loadPrimitives();void 0!==a.transition&&this.transition(a.transition);void 0!==a.speed&&this.speed(a.speed)};
 MathBox.Stage.prototype=new THREE.Object3D;MathBox.Attributes.mixin(MathBox.Stage);MicroEvent.mixin(MathBox.Stage);
@@ -98,10 +100,10 @@ MathBox.Stage.prototype=_.extend(MathBox.Stage.prototype,{update:function(){var
 b){if(a instanceof THREE.Object3D)return a instanceof MathBox.Sprite?this.overlay.add(a):THREE.Object3D.prototype.add.call(this,a);this._add(a);b=this.animateOptions(b);var c=a.style.get("opacity");b&&0<c&&(a.style.set("opacity",0),this.animator.animate(a.style,{opacity:c},b));return this},remove:function(a,b){if(a instanceof THREE.Object3D)return a instanceof MathBox.Sprite?this.overlay.remove(a):THREE.Object3D.prototype.remove.call(this,a);if("string"==typeof a)return _.each(this.select(a),function(a){this.remove(a,
 b)}.bind(this));if(!a.singleton){var c=function(){this._remove(a)}.bind(this);b=this.animateOptions(b);var d=a.style.get("opacity");b&&0<d?(b.callback=c,this.animator.animate(a.style,{opacity:0},b),a.removed=!0):c();return this}},_add:function(a){var b=this.materials;-1==this.primitives.indexOf(a)&&(this.primitives.push(a),a.make(),a=a.renderables(),_.each(a,function(a){a.make(b);a.object&&this.add(a.object)}.bind(this)))},_remove:function(a){if(-1!=this.primitives.indexOf(a)){this.primitives.splice(this.primitives.indexOf(a),
 1);var b=a.renderables();_.each(b,function(a){a.object&&this.remove(a.object);a.destroy()}.bind(this));a.destroy()}},select:function(a,b){var c=[];if("object"==typeof a)return a.constructor==Array?a:[a];var d=function(a){var c=[];if("*"==a)return c=this.primitives.slice(),c.push(this.viewport()),c.push(this.cameraProxy),c;if(a==+a)return _.each(this.primitives,function(d){!b&&d.removed||d.get("sequence")!=a||c.push(d)}),c;var d=a.match(/^\s*#([a-zA-Z0-9_-]+)|([a-zA-Z0-9_-]+)?\s*$/);if(!d)return[];
-var h=d[2],k=d[1];if(k)_.each(this.primitives,function(a){!b&&a.removed||a.get("id")!=k||c.push(a)});else{if("camera"==h)return this.cameraProxy&&[this.cameraProxy]||[];if("viewport"==h)return[this.viewport()];h&&_.each(this.primitives,function(a){!b&&a.removed||a.type()!=h||c.push(a)})}return c}.bind(this),c=[];a=(""+a).split(",");_.each(a,function(a){c=c.concat(d(a))});return c},set:function(a,b){b=this.extractStyle(b);_.each(this.select(a),function(a){a.set(b);b.style&&a.style.set(b.style)});return this},
+var k=d[2],g=d[1];if(g)_.each(this.primitives,function(a){!b&&a.removed||a.get("id")!=g||c.push(a)});else{if("camera"==k)return this.cameraProxy&&[this.cameraProxy]||[];if("viewport"==k)return[this.viewport()];k&&_.each(this.primitives,function(a){!b&&a.removed||a.type()!=k||c.push(a)})}return c}.bind(this),c=[];a=(""+a).split(",");_.each(a,function(a){c=c.concat(d(a))});return c},set:function(a,b){b=this.extractStyle(b);_.each(this.select(a),function(a){a.set(b);b.style&&a.style.set(b.style)});return this},
 get:function(a){var b=this.animator;a=this.select(a);if(1>a.length)return{};var c=a[0];a=b.finalState(c);c.style&&(b=b.finalState(c.style),a.style=b);return a},transition:function(a){return void 0!==a?(this._transition=a,this):this._transition},speed:function(a){return void 0!==a?(this._speed=a,this):this._speed},animateOptions:function(a,b){var c=this._transition;!0===a&&(a={});if(c||b||a&&(a.delay||a.duration||a.hold))a=_.extend({delay:0,duration:c||0,hold:0},a||{});if(a&&(a.delay||a.duration||
-a.hold))return a},animate:function(a,b,c){var d=this.animator;b=this.extractStyle(b);c=this.animateOptions(c,!0);b.style&&(_.each(this.select(a),function(a){c?d.animate(a.style,b.style,c):a.style.set(b.style)}),b=_.extend({},b),delete b.style);_.each(this.select(a),function(a){c?d.animate(a,b,c):a.set(b)});return this},clone:function(a,b,c){_.each(this.select(a),function(a){var e=this.get(a);delete e.sequence;var f=_.extend({},b),g=[];_.each(b,function(a,c){if("id"==c||"boolean"==typeof a||null===
-a)e[c]=b[c],g.push(c)});_.each(g,function(a){delete f[a]});e.id==a.get("id")&&(e.id=(e.id||"")+"-clone");a=this.spawn(a.type(),e,{duration:0});this.animate(a,f,c)}.bind(this));return this},hurry:function(a,b,c){var d=this.animator;_.each(this.select(a,!0),function(a){d.hurry(a,b,c);a.style&&d.hurry(a.style,b,c)});return this},halt:function(a,b){var c=this.animator;_.each(this.select(a,!0),function(a){c.stop(a,b);a.style&&c.stop(a.style,b)});return this},viewport:function(a){if(void 0!==a){if(!this._viewport||
+a.hold))return a},animate:function(a,b,c){var d=this.animator;b=this.extractStyle(b);c=this.animateOptions(c,!0);b.style&&(_.each(this.select(a),function(a){c?d.animate(a.style,b.style,c):a.style.set(b.style)}),b=_.extend({},b),delete b.style);_.each(this.select(a),function(a){c?d.animate(a,b,c):a.set(b)});return this},clone:function(a,b,c){_.each(this.select(a),function(a){var e=this.get(a);delete e.sequence;var f=_.extend({},b),h=[];_.each(b,function(a,c){if("id"==c||"boolean"==typeof a||null===
+a)e[c]=b[c],h.push(c)});_.each(h,function(a){delete f[a]});e.id==a.get("id")&&(e.id=(e.id||"")+"-clone");a=this.spawn(a.type(),e,{duration:0});this.animate(a,f,c)}.bind(this));return this},hurry:function(a,b,c){var d=this.animator;_.each(this.select(a,!0),function(a){d.hurry(a,b,c);a.style&&d.hurry(a.style,b,c)});return this},halt:function(a,b){var c=this.animator;_.each(this.select(a,!0),function(a){c.stop(a,b);a.style&&c.stop(a.style,b)});return this},viewport:function(a){if(void 0!==a){if(!this._viewport||
 a.type&&a.type!=this.options.viewport.type){this._viewport&&(a=_.extend({},this._viewport.get(),a));this._viewport=MathBox.Viewport.make(a);a=this.primitives.slice();var b=this;_.each(a,function(a){b._remove(a);b._add(a)})}else this._viewport.set(a);this.options.viewport=this._viewport.get();return this}return this._viewport},camera:function(a){_.each(this.select("camera"),function(b){b.set(a)});return this},start:function(){this._world&&this._world.start();return this},stop:function(){this._world&&
 this._world.stop();return this},world:function(){return this._world},extractStyle:function(a){var b=MathBox.Style.prototype.defaults(),c=null;_.each(a,function(d,e){void 0!==b[e]&&(delete a[e],c=c||{},c[e]=d)});c&&(a.style=_.extend(a.style||{},c));return a},spawn:function(a,b,c){return MathBox.Primitive.types[a]?(this[a](b,c),this.primitives[this.primitives.length-1]):this},loadPrimitives:function(){_.each(MathBox.Primitive.types,function(a,b){this[b]=function(b,d){a.validateArgs&&(b=a.validateArgs(b));
 var e=new a(this.extractStyle(b));this.add(e,d);return this}}.bind(this))}});MathBox.Materials=function(a){this.stage=a;this.cache={}};
@@ -110,15 +112,15 @@ _.each(a.attributes,function(a,d){b.attributes[d]={type:a.type,value:a.value}});
 a);return a},position:function(a,b){b=b||{};a.snippet(b.shaded&&b.smooth?"getPositionDUDV":"getPosition");b.absolute||(b.shaded&&b.smooth?a.group().snippet("mathTransform").next().snippet("mathTransform").next().snippet("mathTransform").combine():a.snippet("mathTransform"));return a},factory:function(){return new ShaderGraph.Factory},finalize:function(a,b){b=b||{};var c=b.shaders||{};b.shaded?b.smooth?a.snippet("projectToViewDUDV"):a.snippet("projectToViewNormal"):a.snippet("projectToView");c.material?
 c.material(a,this):a.material("vertexOutput",{points:"fragmentSolidPoint",mesh:b.shaded?"fragmentShaded":"fragmentSolid"}[b.type]||"fragmentSolid");c=a.end().compile();c=new THREE.ShaderMaterial({uniforms:c.uniforms,attributes:c.attributes,vertexShader:c.vertexShader,fragmentShader:c.fragmentShader});b.wireframe&&(c.wireframe=!0);var d=this.apply.bind(this);c.applyUniforms=function(a){d(this,a,"uniforms")};c.applyAttributes=function(a){d(this,a,"attributes")};return c},apply:function(a,b,c){var d=
 a[c];_.each(b,function(a,b){var c=d[b];c&&(a instanceof THREE.Color&&(a.x=a.r,a.y=a.g,a.z=a.b),c.value=a,c.needsUpdate=!0)});if("uniforms"==c){c=a.uniforms;if(b.map&&(c.texture&&(c.texture.value=b.map),c.offsetRepeat)){var e=b.map.offset,f=b.map.repeat;c.offsetRepeat.value.set(e.x,e.y,f.x,f.y)}void 0!==b.lineWidth&&(a.wireframeLinewidth=a.linewidth=b.lineWidth);void 0!==b.opacity&&(a.transparent=1>b.opacity)}},viewport:function(a,b){this.stage.viewport().shader(a,b)}};
-MathBox.Ticks=function(a,b,c,d,e,f,g){var h=(b-a)/(c||10);d=d||1;e=e||10;var k=d*((g||0)+Math.pow(e,Math.floor(Math.log(h/d)/Math.log(e))));c=_.map(0==e%2?[e/2,1,0.5]:[1],function(a){return k*a});var l=_.reduce(c,function(a,b){return Math.abs(b-h)<Math.abs(a-h)?b:a},k);f=+!f;a=(Math.ceil(a/l)+f)*l;b=(Math.floor(b/l)-f)*l;c=Math.ceil((b-a)/l)+1;var m=[];_.loop(c,function(b){m.push(a+b*l)});return m};MathBox.TicksLog=function(a,b,c,d,e,f){};
+MathBox.Ticks=function(a,b,c,d,e,f,h){var k=(b-a)/(c||10);d=d||1;e=e||10;var g=d*((h||0)+Math.pow(e,Math.floor(Math.log(k/d)/Math.log(e))));c=_.map(0==e%2?[e/2,1,0.5]:[1],function(a){return g*a});var l=_.reduce(c,function(a,b){return Math.abs(b-k)<Math.abs(a-k)?b:a},g);f=+!f;a=(Math.ceil(a/l)+f)*l;b=(Math.floor(b/l)-f)*l;c=Math.ceil((b-a)/l)+1;var m=[];_.loop(c,function(b){m.push(a+b*l)});return m};MathBox.TicksLog=function(a,b,c,d,e,f){};
 tQuery.World.registerInstance("mathBox",function(a,b){a=a||document.body;this.threeBox(a,b);var c=new MathBox.Overlay;a.appendChild(c.domElement);c.domElement.style.position="absolute";c.domElement.style.left=0;c.domElement.style.top=0;c.domElement.style.right=0;c.domElement.style.bottom=0;var d=new MathBox.Stage(b,this,c),e=function(){d.update()};this.tScene().add(d);this._renderer.setClearColorHex(16777215,1);d.unhook=function(){this.loop().unhookPreRender(e)};this.loop().hookPreRender(e);b.cameraControls||
 (c=this.tCamera(),c.position.x=0,c.position.y=0,c.position.z=b.orbit,c.lookAt(new THREE.Vector3(0,0,0)));return d});MathBox.Director=function(a,b){this._stage=a;this.script=b||[];this.rollback={};this.clocks={};this.time=this.lastCommand=this.step=0;this.lastTime=+new Date};
-MathBox.Director.prototype={clock:function(a,b){if(a>this.step)return 0;var c=+new Date;this.time+=(c-this.lastTime)*this.stage().speed();this.lastTime=c;if(b||!this.clocks[a])this.clocks[a]=this.time;return 0.001*(this.time-this.clocks[a])},invert:function(a){var b=this._stage,c=[],d,e=a[0],f=a[1],g=a[2]||{},h=a[3];"remove"==e&&(h=g);h={delay:h&&void 0!==h.hold?h.hold/4:0,duration:h&&void 0!==h.duration?h.duration/4:0,hold:h&&void 0!==h.delay?h.delay/4:0};switch(e){case "add":d=[0];case "clone":d=
-d||b.select(f);_.each(d,function(a,b){c.push(["remove",g.sequence||MathBox.Primitive.sequence+1+b,h])});break;case "remove":d=b.select(f);_.each(d,function(a){c.push(["add",a.type(),b.get(a),h])});break;case "animate":case "set":d=b.select(f),_.each(d,function(a){var d=b.get(a),f={};for(i in g)f[i]=d.style&&void 0!==d.style[i]?d.style[i]:d[i];c.push([e,a.singleton||a.get("sequence"),f,h])})}return c},invertDelay:function(a){function b(a){var b=a[2]||{},c=["opacity"];if("animate"==a[0])for(d in c=
-[],b)if("style"==d)for(j in b.style)c.push(j);else c.push(d);return c}var c=[],d,e={};a.forEach(function(a){var c=a[0],d=a[1]||"",f=a[2]||{},g=a[3]||{};if("set"==c)return null;"add"==c&&(d=f.sequence);"remove"==c&&(g=f);b(a).forEach(function(a){a=[d,a].join(".");e[a]||(e[a]=[]);g=g||{};e[a].push((g.delay||0)+(g.duration||0)+(g.hold||0))})});var f=0;for(d in e)var g=e[d]=e[d].reduce(function(a,b){return a+b}),f=Math.max(f,g);a.forEach(function(a){var d=a[0],g=a[1]||"",m=a[2]||{},q=a[3]||{},u;if("set"==
-d)return c.push(a);"add"==d&&(u=g,g=m.sequence);"remove"==d&&(q=m);b(a).forEach(function(a){var b=[g,a].join("."),h=q.delay||0,v=q.duration||0,w=q.hold||0;void 0!==e[b]&&(h+=f-e[b],delete e[b]);q={delay:h,duration:v,hold:w};"add"==d&&c.push([d,u,m,q]);"remove"==d?c.push([d,g,q]):(b={},b[a]=m.style&&void 0!==m.style[a]?m.style[a]:m[a],c.push([d,g,b,q]))})});return c},apply:function(a,b,c,d){var e=this._stage;_.each(a,function(a){var g=a[0]||"",h=a[1]||"",k=a[2]||{},l=a[3]||{};"remove"==g&&(l=k);b&&
-(a=this.invert(a),a=[0,0].concat(a),Array.prototype.splice.apply(b,a));d&&l&&(l=_.extend({},l),l.delay/=2,l.duration/=2,l.hold/=2);c&&(l={delay:0,duration:0,hold:0},"animate"==g&&(g="set"));switch(g){case "clone":e.clone(h,k,l);break;case "add":e.spawn(h,k,l);break;case "remove":_.each(e.select(h),function(a){e.remove(a,l)});break;case "set":var g=e.select(h),m=k.constructor==Array;_.each(g,function(a,b){e.set(a,m?k[b]:k)});break;case "animate":g=e.select(h),m=k.constructor==Array,_.each(g,function(a,
-b){e.animate(a,m?k[b]:k,l)})}}.bind(this));return this},insert:function(a){a[0].constructor!=Array&&(a=[a]);this.script.splice(this.step,0,a);this.forward();return this},is:function(a){if(!this.script.length)return!1;for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+1;)a-=this.script.length+1;return a==this.step},isFirst:function(){return this.is(0)},isLast:function(){return this.is(-1)},go:function(a,b){if(this.script.length){for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+
+MathBox.Director.prototype={clock:function(a,b){if(a>this.step)return 0;var c=+new Date;this.time+=(c-this.lastTime)*this.stage().speed();this.lastTime=c;if(b||!this.clocks[a])this.clocks[a]=this.time;return 0.001*(this.time-this.clocks[a])},invert:function(a){var b=this._stage,c=[],d,e=a[0],f=a[1],h=a[2]||{},k=a[3];"remove"==e&&(k=h);k={delay:k&&void 0!==k.hold?k.hold/4:0,duration:k&&void 0!==k.duration?k.duration/4:0,hold:k&&void 0!==k.delay?k.delay/4:0};switch(e){case "add":d=[0];case "clone":d=
+d||b.select(f);_.each(d,function(a,b){c.push(["remove",h.sequence||MathBox.Primitive.sequence+1+b,k])});break;case "remove":d=b.select(f);_.each(d,function(a){c.push(["add",a.type(),b.get(a),k])});break;case "animate":case "set":d=b.select(f),_.each(d,function(a){var d=b.get(a),f={};for(i in h)f[i]=d.style&&void 0!==d.style[i]?d.style[i]:d[i];c.push([e,a.singleton||a.get("sequence"),f,k])})}return c},invertDelay:function(a){function b(a){var b=a[2]||{},c=["opacity"];if("animate"==a[0])for(d in c=
+[],b)if("style"==d)for(j in b.style)c.push(j);else c.push(d);return c}var c=[],d,e={};a.forEach(function(a){var c=a[0],d=a[1]||"",f=a[2]||{},h=a[3]||{};if("set"==c)return null;"add"==c&&(d=f.sequence);"remove"==c&&(h=f);b(a).forEach(function(a){a=[d,a].join(".");e[a]||(e[a]=[]);h=h||{};e[a].push((h.delay||0)+(h.duration||0)+(h.hold||0))})});var f=0;for(d in e)var h=e[d]=e[d].reduce(function(a,b){return a+b}),f=Math.max(f,h);a.forEach(function(a){var d=a[0],h=a[1]||"",m=a[2]||{},q=a[3]||{},u;if("set"==
+d)return c.push(a);"add"==d&&(u=h,h=m.sequence);"remove"==d&&(q=m);b(a).forEach(function(a){var b=[h,a].join("."),k=q.delay||0,v=q.duration||0,w=q.hold||0;void 0!==e[b]&&(k+=f-e[b],delete e[b]);q={delay:k,duration:v,hold:w};"add"==d&&c.push([d,u,m,q]);"remove"==d?c.push([d,h,q]):(b={},b[a]=m.style&&void 0!==m.style[a]?m.style[a]:m[a],c.push([d,h,b,q]))})});return c},apply:function(a,b,c,d){var e=this._stage;_.each(a,function(a){var h=a[0]||"",k=a[1]||"",g=a[2]||{},l=a[3]||{};"remove"==h&&(l=g);b&&
+(a=this.invert(a),a=[0,0].concat(a),Array.prototype.splice.apply(b,a));d&&l&&(l=_.extend({},l),l.delay/=2,l.duration/=2,l.hold/=2);c&&(l={delay:0,duration:0,hold:0},"animate"==h&&(h="set"));switch(h){case "clone":e.clone(k,g,l);break;case "add":e.spawn(k,g,l);break;case "remove":_.each(e.select(k),function(a){e.remove(a,l)});break;case "set":var h=e.select(k),m=g.constructor==Array;_.each(h,function(a,b){e.set(a,m?g[b]:g)});break;case "animate":h=e.select(k),m=g.constructor==Array,_.each(h,function(a,
+b){e.animate(a,m?g[b]:g,l)})}}.bind(this));return this},insert:function(a){a[0].constructor!=Array&&(a=[a]);this.script.splice(this.step,0,a);this.forward();return this},is:function(a){if(!this.script.length)return!1;for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+1;)a-=this.script.length+1;return a==this.step},isFirst:function(){return this.is(0)},isLast:function(){return this.is(-1)},go:function(a,b){if(this.script.length){for(;0>a;)a+=this.script.length+1;for(;a>=this.script.length+
 1;)a-=this.script.length+1;for(;a>this.step;)this.forward(b);for(;a<this.step;)this.back(b)}},skipping:function(){var a=+new Date,b=!1;500>a-this.lastCommand&&(b=!0);this.stage().hurry("*");this.lastCommand=a;return b},forward:function(a,b){if(!(this.step>=this.script.length)){var c=this.step,d=this.script[c],e=this.rollback[c]=[];this.step++;var f=function(){this.apply(d,e,a,a?!1:this.skipping());this.rollback[c]=this.invertDelay(e);this.clock(c+1,!0);this.emit("go",c+1,1)}.bind(this);b?setTimeout(f,
 +b):f();return this}},back:function(a,b){if(!(0>=this.step)){this.step--;var c=this.step,d=this.rollback[c],e=function(){this.apply(d,null,a||this.skipping());delete this.rollback[c];this.emit("go",c,-1)}.bind(this);b?setTimeout(e,+b):e();return this}},stage:function(){return this._stage}};_.each(MathBox.Stage.prototype,function(a,b){MathBox.Director.prototype[b]||(MathBox.Director.prototype[b]=function(){var b=this.stage[a].apply(this.stage,arguments);return b===this.stage?this:b})});MicroEvent.mixin(MathBox.Director);
 MathBox.Style=function(a){var b=this.defaults();a=_.extend(b,a||{});this.set(a)};
@@ -130,42 +132,44 @@ MathBox.CameraProxy=function(a,b){this.set({orbit:void 0===b.orbit?3.5:b.orbit,p
 null,!0);var a=this.get("lookAt");a[0]=c.lookAt.x;a[1]=c.lookAt.y;a[2]=c.lookAt.z}};MathBox.Attributes.mixin(MathBox.CameraProxy);MathBox.Overlay=function(){(this.domElement=document.createElement("div")).className="mathbox-overlay";this.sprites=[];this.v=new THREE.Vector3;this.q=new THREE.Vector3};
 MathBox.Overlay.prototype={size:function(a,b){this.width=a;this.height=b;this.domElement.style.width=a+"px";this.domElement.style.height=b+"px"},add:function(a){-1==this.sprites.indexOf(a)&&(this.sprites.push(a),a.element.parentNode||this.domElement.appendChild(a.element),_.each(a.children,function(a){this.add(a)}.bind(this)))},remove:function(a){var b;-1!=(b=this.sprites.indexOf(a))&&(this.sprites.splice(b,1),a.element.parentNode&&a.element.parentNode.removeChild(a.element),_.each(a.children,function(a){this.remove(a)}.bind(this)))},
 update:function(a){this.fov=0.5/Math.tan(a.fov*Math.PI/360)*this.height;_.each(this.sprites,function(b){this._update(b,a)}.bind(this));_.each(this.sprites,function(b){this._measure(b,a)}.bind(this));_.each(this.sprites,function(b){this._vis(b,a)}.bind(this))},_measure:function(a,b){if(a.measure){var c=a.element;a.width=c.offsetWidth;a.height=c.offsetHeight;a.measure=!1}},_vis:function(a,b){if(a.render&&(a.width||a.height)){var c=a.left,d=a.top,e=a.width+c,f=a.height+d;found=!1;_.each(this.sprites,
-function(b){if(b===a)found=!0;else if(found&&b.render){var h=b.left,k=b.top,l=b.width+h,m=b.height+k;e<h||c>l||f<k||d>m||(b.element.style.display="none",b.render=!1)}})}},_update:function(a,b){for(var c=this.v,d=this.q,e=a.render,f=a.visible,g=a.parent;f&&g;)f=f&&g.visible,g=g.parent;a.render=f&&0<a.opacity;if(a.render)e||(a.element.style.display="block"),c.copy(a.position),b.matrixWorldInverse.multiplyVector3(c),e=-(c.x/c.z)*this.fov+0.5*this.width,f=c.y/c.z*this.fov+0.5*this.height,a.distance&&
-(d.copy(a.tangent).multiplyScalar(0.01),d.addSelf(a.position),b.matrixWorldInverse.multiplyVector3(d),g=0<a.distance?1:-1,d.subSelf(c),d.z=0,d.normalize().multiplyScalar(a.distance),e+=Math.abs(d.y)*g,f+=Math.abs(d.x)*g),e=Math.round(e),f=Math.round(f),a.left!==e&&(a.left=e,a.element.style.left=e+"px"),a.top!==f&&(a.top=f,a.element.style.top=f+"px"),a.lastOpacity!==a.opacity&&(a.element.style.opacity=a.opacity,a.lastOpacity=a.opacity);else if(e||null===e)a.element.style.display="none"}};
+function(b){if(b===a)found=!0;else if(found&&b.render){var k=b.left,g=b.top,l=b.width+k,m=b.height+g;e<k||c>l||f<g||d>m||(b.element.style.display="none",b.render=!1)}})}},_update:function(a,b){for(var c=this.v,d=this.q,e=a.render,f=a.visible,h=a.parent;f&&h;)f=f&&h.visible,h=h.parent;a.render=f&&0<a.opacity;if(a.render)e||(a.element.style.display="block"),c.copy(a.position),b.matrixWorldInverse.multiplyVector3(c),e=-(c.x/c.z)*this.fov+0.5*this.width,f=c.y/c.z*this.fov+0.5*this.height,a.distance&&
+(d.copy(a.tangent).multiplyScalar(0.01),d.addSelf(a.position),b.matrixWorldInverse.multiplyVector3(d),h=0<a.distance?1:-1,d.subSelf(c),d.z=0,d.normalize().multiplyScalar(a.distance),e+=Math.abs(d.y)*h,f+=Math.abs(d.x)*h),e=Math.round(e),f=Math.round(f),a.left!==e&&(a.left=e,a.element.style.left=e+"px"),a.top!==f&&(a.top=f,a.element.style.top=f+"px"),a.lastOpacity!==a.opacity&&(a.element.style.opacity=a.opacity,a.lastOpacity=a.opacity);else if(e||null===e)a.element.style.display="none"}};
 MathBox.Sprite=function(a,b,c){this.element=a;this.tangent=b||new THREE.Vector3(1,0,0);this.distance=c||0;this.height=this.width=0;this.measure=this.visible=!0;this.render=null;this.content="";this.lastOpacity=this.lastTop=this.lastLeft=null;a.style.position="absolute";a.style.left=0;a.style.top=0;a.style.opacity=0;THREE.Object3D.call(this)};MathBox.Sprite.prototype=_.extend(new THREE.Object3D,{});
 MathBox.Primitive=function(a){if(null!==a){var b=this.defaults();a&&(a.style=_.extend(b.style,a.style||{}),a=_.extend(b,a||{}));a=a||b;this.set(a);this.style=new MathBox.Style;this.style.set(this.get().style||{});this.on("change",function(a){void 0!==a.style&&this.style.set(a.style)}.bind(this));this.set("sequence",a.sequence||++MathBox.Primitive.sequence);this.set("id",a.id||this.sequence);this.init()}};MathBox.Primitive.sequence=0;MathBox.Primitive.types={};
 MathBox.Primitive.prototype={defaults:function(){return{}},type:function(){return"primitive"},init:function(){},make:function(){},destroy:function(){},renderables:function(){return[]},adjust:function(a){}};MathBox.Attributes.mixin(MathBox.Primitive);MicroEvent.mixin(MathBox.Primitive);MathBox.Curve=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Curve.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:64,domain:[0,1],data:null,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"curve"},renderables:function(){return[this.line,this.points]},adjust:function(a){a=this.get();this.line.show(a.line);this.points.show(a.points);(a.line||a.points)&&0<this.style.get("opacity")&&a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n,d=this.vertices=[];_.loop(c,
-function(){d.push(new THREE.Vector3)});c=function(c){return new MathBox.Renderable.Mesh(d,{type:c,dynamic:a.live},b)};this.line=c("line");this.points=c("points");this.calculate()},calculate:function(){var a=this.vertices,b=this.get(),c=b.data,d=b.domain,e=b.n,f=d[0],g=(d[1]-f)/(e-1),h;_.loop(e,function(d){h=c&&void 0!==c[d]?c[d]:b.expression.call(this,f,d);var e=0,m=0,q=0;if(h instanceof Array){var u=h.length;0<u&&(e=h[0]);1<u&&(m=h[1]);2<u&&(q=h[2])}else e=f,m=+h;a[d].set(e,m,q);f+=g}.bind(this))}});
+function(){d.push(new THREE.Vector3)});c=function(c){return new MathBox.Renderable.Mesh(d,{type:c,dynamic:a.live},b)};this.line=c("line");this.points=c("points");this.calculate()},calculate:function(){var a=this.vertices,b=this.get(),c=b.data,d=b.domain,e=b.n,f=d[0],h=(d[1]-f)/(e-1),k;_.loop(e,function(d){k=c&&void 0!==c[d]?c[d]:b.expression.call(this,f,d);var e=0,m=0,q=0;if(k instanceof Array){var u=k.length;0<u&&(e=k[0]);1<u&&(m=k[1]);2<u&&(q=k[2])}else e=f,m=+k;a[d].set(e,m,q);f+=h}.bind(this))}});
 MathBox.Primitive.types.curve=MathBox.Curve;MathBox.Bezier=function(a){MathBox.Curve.call(this,a)};
-MathBox.Bezier.prototype=_.extend(new MathBox.Curve(null),{defaults:function(){return{n:64,domain:[0,1],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"bezier"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,f=b.n;if(1>e||3<e)throw"Bezier curve order must be 1, 2 or 3.";var g=[],h;_.loop(e+1,function(a){h=d&&void 0!==d[a]?d[a]:b.expression.call(this,a,a);var c=a=0,e=0;if(h instanceof Array){var f=h.length;
-0<f&&(a=h[0]);1<f&&(c=h[1]);2<f&&(e=h[2])}else a=l,c=+h;g.push(new THREE.Vector3(a,c,e))}.bind(this));var k={bezierPoints:g},l=c[0],m=(c[1]-l)/(f-1);_.loop(f,function(b){a[b].set(l,0,0);l+=m});c={uniforms:k,shaders:{position:function(a,b){a.snippet("bezier"+e).snippet("mathTransform");b.viewport(a)}}};this.line.set(c);this.points.set(c)}});MathBox.Primitive.types.bezier=MathBox.Bezier;
+MathBox.Bezier.prototype=_.extend(new MathBox.Curve(null),{defaults:function(){return{n:64,domain:[0,1],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!0,style:{}}},type:function(){return"bezier"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,f=b.n;if(1>e||3<e)throw"Bezier curve order must be 1, 2 or 3.";var h=[],k;_.loop(e+1,function(a){k=d&&void 0!==d[a]?d[a]:b.expression.call(this,a,a);var c=a=0,e=0;if(k instanceof Array){var f=k.length;
+0<f&&(a=k[0]);1<f&&(c=k[1]);2<f&&(e=k[2])}else a=l,c=+k;h.push(new THREE.Vector3(a,c,e))}.bind(this));var g={bezierPoints:h},l=c[0],m=(c[1]-l)/(f-1);_.loop(f,function(b){a[b].set(l,0,0);l+=m});c={uniforms:g,shaders:{position:function(a,b){a.snippet("bezier"+e).snippet("mathTransform");b.viewport(a)}}};this.line.set(c);this.points.set(c)}});MathBox.Primitive.types.bezier=MathBox.Bezier;
 MathBox.Axis=function(a){null!==a&&(MathBox.Primitive.call(this,a),this.on("change",function(a){void 0!==a.size&&this.arrow&&this.arrow.set("size",a.size)}))};
-MathBox.Axis.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:0,offset:[0,0,0],n:2,arrow:!0,line:!0,labels:!1,decimals:2,distance:15,ticks:10,tickUnit:1,tickScale:10,size:0.07,style:{lineWidth:4,color:new THREE.Color(7368816)},formatter:null,zero:!0}},renderables:function(){return[this.line,this.ticks,this.arrow,this.labels]},type:function(){return"axis"},adjust:function(a,b){var c=this.get(),d=c.axis,e=c.offset,f=c.arrow,g=c.line,h=c.labels,k=c.n,l=c.ticks,m=c.tickUnit,
-q=c.tickScale,c=c.decimals,u=this.points,t=this.labelPoints,s=this.labelTangent,r=this.tickPoints,v=this.tickSigns,w=[0,0,0],y=new THREE.Vector3;new THREE.Vector4;var x=a.axis(d),z=x[0],x=x[1],B=(x-z)/(k-1);y.set.apply(y,e);_.loop(k,function(a){w[d]=z+a*B;u[a].set.apply(u[a],w);u[a].addSelf(y)});this.line.show(g);this.arrow.show(f);k=this.scale=MathBox.Ticks(z,x,l,m,q,!0);this.ticks.show(!!l);if(l){l=Math.floor(r.length/2);k.length>l&&(k=k.slice(0,l));var l=[0,0,0],A;l[2==d?0:1-d]=0.01*(x-z);this.epsilon.set.apply(this.epsilon,
-l);w=[0,0,0];_.each(k,function(a,b){w[d]=a;var c=2*b;r[c].set.apply(r[c],w);r[c].addSelf(y);v[c]=1;r[c+1].copy(r[c]);v[c+1]=-1;t[b].copy(r[c]);A=c+1});l=A+1;for(k=r.length;l<k;)r[l].copy(r[A]),v[l]=v[A],l++}w=[0,0,0];w[d]=1;s.set.apply(s,w);this.labels.show(!!h);this.labels.set("decimals",c)},make:function(){var a=this.get(),b=a.n,c=a.size,d=a.ticks,e=a.distance,f=a.formatter,g=this.style,h=this.points=[],k=this.labelPoints=[],l=this.labelTangent=new THREE.Vector3,m=this.tickPoints=[],q=this.tickSigns=
-[],u=this.epsilon=new THREE.Vector3;_.loop(b,function(a){h.push(new THREE.Vector3)});_.loop(4*d,function(a){k.push(new THREE.Vector3)});_.loop(8*d,function(a){m.push(new THREE.Vector3);q.push(1)});var d={dynamic:!0,size:c,offset:0.5},c={dynamic:!0,size:0.2*c},e={dynamic:!0,distance:e},t=function(b){b=this.scale[b];return 0!=b||a.zero?f?f(b):b:""}.bind(this);this.line=new MathBox.Renderable.Mesh(h,{dynamic:!0,type:"line"},g);this.arrow=new MathBox.Renderable.ArrowHead(h[b-2],h[b-1],d,g);this.ticks=
-new MathBox.Renderable.Ticks(m,q,u,c,g);this.labels=new MathBox.Renderable.Labels(k,l,t,e,g)}});MathBox.Axis.validateArgs=function(a){"number"==typeof a&&(a={axis:a});return a};MathBox.Primitive.types.axis=MathBox.Axis;MathBox.Grid=function(a){null!==a&&MathBox.Primitive.call(this,a)};
-MathBox.Grid.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:[0,1],offset:[0,0,0],show:[!0,!0],n:2,ticks:[10,10],tickUnit:[1,1],tickScale:[10,10],style:{lineWidth:1,color:new THREE.Color(10526880)}}},type:function(){return"grid"},renderables:function(){return this.lines||[]},adjust:function(a){function b(a,b,c,d,e){var f=l.slice(),g=0,k=MathBox.Ticks(b.min,b.max,b.ticks,b.tickUnit,b.tickScale,!0);k.length>d&&(k=k.slice(0,d));_.each(k,function(d){f[b.axis]=d+l[b.axis];
-f[c.axis]=c.min+l[c.axis];_.loop(e-1,function(b){a[g].set.apply(a[g],f);g++;f[c.axis]+=c.inv;a[g].set.apply(a[g],f);g++})});d=Math.max(0,g-1);for(k=a.length;g<k;)a[g++].copy(a[d])}var c=this.get(),d=c.axis,e=c.ticks,f=c.tickUnit,g=c.tickScale,h=c.n,k=c.show,l=c.offset,c=this.points,m=this.limit,q=[];"number"==typeof h&&(h=[h,h]);_.each(d,function(b,c){var d=a.axis(b);q.push({axis:b,min:d[0],max:d[1],inv:(d[1]-d[0])/(h[c]-1),ticks:e[c],tickUnit:f[c],tickScale:g[c]})});this.lines[0].show(k[0]);this.lines[1].show(k[1]);
-k[0]&&b(c[0],q[1],q[0],m[0],h[0]);k[1]&&b(c[1],q[0],q[1],m[1],h[1])},make:function(a){var b=this.get();a=b.ticks;var c=b.n,d=this.points=[[],[]],b=this.style;"number"==typeof c&&(c=[c,c]);var e=this.limit=[0,0];_.each(a,function(a,b){b=1-b;e[b]=4*a;_.loop(e[b]*(c[b]-1)*2,function(a){d[b].push(new THREE.Vector3)})});this.lines=[];this.lines.push(new MathBox.Renderable.Mesh(d[0],{type:"line",strip:!1,dynamic:!0},b));this.lines.push(new MathBox.Renderable.Mesh(d[1],{type:"line",strip:!1,dynamic:!0},
+MathBox.Axis.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:0,offset:[0,0,0],n:2,arrow:!0,line:!0,labels:!1,decimals:2,distance:15,ticks:10,tickUnit:1,tickScale:10,size:0.07,style:{lineWidth:4,color:new THREE.Color(7368816)},formatter:null,zero:!0}},renderables:function(){return[this.line,this.ticks,this.arrow,this.labels]},type:function(){return"axis"},adjust:function(a,b){var c=this.get(),d=c.axis,e=c.offset,f=c.arrow,h=c.line,k=c.labels,g=c.n,l=c.ticks,m=c.tickUnit,
+q=c.tickScale,c=c.decimals,u=this.points,t=this.labelPoints,s=this.labelTangent,r=this.tickPoints,v=this.tickSigns,w=[0,0,0],y=new THREE.Vector3;new THREE.Vector4;var x=a.axis(d),z=x[0],x=x[1],B=(x-z)/(g-1);y.set.apply(y,e);_.loop(g,function(a){w[d]=z+a*B;u[a].set.apply(u[a],w);u[a].addSelf(y)});this.line.show(h);this.arrow.show(f);g=this.scale=MathBox.Ticks(z,x,l,m,q,!0);this.ticks.show(!!l);if(l){l=Math.floor(r.length/2);g.length>l&&(g=g.slice(0,l));var l=[0,0,0],A;l[2==d?0:1-d]=0.01*(x-z);this.epsilon.set.apply(this.epsilon,
+l);w=[0,0,0];_.each(g,function(a,b){w[d]=a;var c=2*b;r[c].set.apply(r[c],w);r[c].addSelf(y);v[c]=1;r[c+1].copy(r[c]);v[c+1]=-1;t[b].copy(r[c]);A=c+1});l=A+1;for(g=r.length;l<g;)r[l].copy(r[A]),v[l]=v[A],l++}w=[0,0,0];w[d]=1;s.set.apply(s,w);this.labels.show(!!k);this.labels.set("decimals",c)},make:function(){var a=this.get(),b=a.n,c=a.size,d=a.ticks,e=a.distance,f=a.formatter,h=this.style,k=this.points=[],g=this.labelPoints=[],l=this.labelTangent=new THREE.Vector3,m=this.tickPoints=[],q=this.tickSigns=
+[],u=this.epsilon=new THREE.Vector3;_.loop(b,function(a){k.push(new THREE.Vector3)});_.loop(4*d,function(a){g.push(new THREE.Vector3)});_.loop(8*d,function(a){m.push(new THREE.Vector3);q.push(1)});var d={dynamic:!0,size:c,offset:0.5},c={dynamic:!0,size:0.2*c},e={dynamic:!0,distance:e},t=function(b){b=this.scale[b];return 0!=b||a.zero?f?f(b):b:""}.bind(this);this.line=new MathBox.Renderable.Mesh(k,{dynamic:!0,type:"line"},h);this.arrow=new MathBox.Renderable.ArrowHead(k[b-2],k[b-1],d,h);this.ticks=
+new MathBox.Renderable.Ticks(m,q,u,c,h);this.labels=new MathBox.Renderable.Labels(g,l,t,e,h)}});MathBox.Axis.validateArgs=function(a){"number"==typeof a&&(a={axis:a});return a};MathBox.Primitive.types.axis=MathBox.Axis;MathBox.Grid=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Grid.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{axis:[0,1],offset:[0,0,0],show:[!0,!0],n:2,ticks:[10,10],tickUnit:[1,1],tickScale:[10,10],style:{lineWidth:1,color:new THREE.Color(10526880)}}},type:function(){return"grid"},renderables:function(){return this.lines||[]},adjust:function(a){function b(a,b,c,d,e){var f=l.slice(),g=0,h=MathBox.Ticks(b.min,b.max,b.ticks,b.tickUnit,b.tickScale,!0);h.length>d&&(h=h.slice(0,d));_.each(h,function(d){f[b.axis]=d+l[b.axis];
+f[c.axis]=c.min+l[c.axis];_.loop(e-1,function(b){a[g].set.apply(a[g],f);g++;f[c.axis]+=c.inv;a[g].set.apply(a[g],f);g++})});d=Math.max(0,g-1);for(h=a.length;g<h;)a[g++].copy(a[d])}var c=this.get(),d=c.axis,e=c.ticks,f=c.tickUnit,h=c.tickScale,k=c.n,g=c.show,l=c.offset,c=this.points,m=this.limit,q=[];"number"==typeof k&&(k=[k,k]);_.each(d,function(b,c){var d=a.axis(b);q.push({axis:b,min:d[0],max:d[1],inv:(d[1]-d[0])/(k[c]-1),ticks:e[c],tickUnit:f[c],tickScale:h[c]})});this.lines[0].show(g[0]);this.lines[1].show(g[1]);
+g[0]&&b(c[0],q[1],q[0],m[0],k[0]);g[1]&&b(c[1],q[0],q[1],m[1],k[1])},make:function(a){var b=this.get();a=b.ticks;var c=b.n,d=this.points=[[],[]],b=this.style;"number"==typeof c&&(c=[c,c]);var e=this.limit=[0,0];_.each(a,function(a,b){b=1-b;e[b]=4*a;_.loop(e[b]*(c[b]-1)*2,function(a){d[b].push(new THREE.Vector3)})});this.lines=[];this.lines.push(new MathBox.Renderable.Mesh(d[0],{type:"line",strip:!1,dynamic:!0},b));this.lines.push(new MathBox.Renderable.Mesh(d[1],{type:"line",strip:!1,dynamic:!0},
 b))}});MathBox.Primitive.types.grid=MathBox.Grid;MathBox.Vector=function(a){null!==a&&(MathBox.Primitive.call(this,a),this.render=[],this.arrows=[],this.line=this.points=this.vertices=null,this.on("change",function(a){void 0!==a.size&&_.each(this.arrows,function(c){c.set("size",a.size)})}))};MathBox.Vector.vLast=new THREE.Vector3;MathBox.Vector.vCurrent=new THREE.Vector3;
-MathBox.Vector.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,data:null,arrow:!0,expression:function(){return 0},live:!0,style:{},size:0.07}},type:function(){return"vector"},renderables:function(){return this.render},adjust:function(a){var b=this.get();0<this.style.get("opacity")&&(b.arrow||b.live)&&this.calculate(a);_.each(this.arrows,function(a){a.show(b.arrow)})},make:function(){var a=this.get(),b=a.arrow,c=this.style,d=a.n,e=this.vertices=[],f=this.points=[],g=
-this.render=[],h=this.arrows=[],k={dynamic:a.live,type:"line",strip:!1},l={size:a.size},m=0;_.loop(d,function(){e.push(new THREE.Vector3);e.push(new THREE.Vector3);f.push(new THREE.Vector3);f.push(new THREE.Vector3);if(b){var a=new MathBox.Renderable.ArrowHead(f[m++],f[m++],l,c);g.push(a);h.push(a)}});this.line=new MathBox.Renderable.Mesh(e,k,c);g.push(this.line);this.calculate()},calculate:function(a){var b=this.vertices,c=this.arrows,d=this.points,e=this.get(),f=e.data,g=e.arrow,h=e.n,k=e.size,
-l=this.style.get("mathScale"),m=0,q=0;_.loop(2*h,function(h){p=f&&void 0!==f[h]?f[h]:e.expression.call(this,q,m);var t=0,s=0,r=0;if(p instanceof Array){var v=p.length;0<v&&(t=p[0]);1<v&&(s=p[1]);2<v&&(r=p[2])}else t=h,s=+p,r=0;d[h].set(t,s,r);b[h].set(t,s,r);a&&g&&1==h%2&&(t=MathBox.Vector.vLast,s=MathBox.Vector.vCurrent,s.copy(b[h]),t.copy(b[h-1]),a.to(s),a.to(t),s.subSelf(t).multiplySelf(l),v=s.length(),r=Math.min(1,0.5*v/k),r=(1-(1-r)*(1-r))*k,v-=r,s.normalize().multiplyScalar(v).divideSelf(l).addSelf(t),
-a.from(s),b[h].copy(s),c[q].set({size:r}));q=m?q+1:q;m=(m+1)%2}.bind(this))}});MathBox.Primitive.types.vector=MathBox.Vector;MathBox.Surface=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Vector.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,data:null,arrow:!0,expression:function(){return 0},live:!0,style:{},size:0.07}},type:function(){return"vector"},renderables:function(){return this.render},adjust:function(a){var b=this.get();0<this.style.get("opacity")&&(b.arrow||b.live)&&this.calculate(a);_.each(this.arrows,function(a){a.show(b.arrow)})},make:function(){var a=this.get(),b=a.arrow,c=this.style,d=a.n,e=this.vertices=[],f=this.points=[],h=
+this.render=[],k=this.arrows=[],g={dynamic:a.live,type:"line",strip:!1},l={size:a.size},m=0;_.loop(d,function(){e.push(new THREE.Vector3);e.push(new THREE.Vector3);f.push(new THREE.Vector3);f.push(new THREE.Vector3);if(b){var a=new MathBox.Renderable.ArrowHead(f[m++],f[m++],l,c);h.push(a);k.push(a)}});this.line=new MathBox.Renderable.Mesh(e,g,c);h.push(this.line);this.calculate()},calculate:function(a){var b=this.vertices,c=this.arrows,d=this.points,e=this.get(),f=e.data,h=e.arrow,k=e.n,g=e.size,
+l=this.style.get("mathScale"),m=0,q=0;_.loop(2*k,function(k){p=f&&void 0!==f[k]?f[k]:e.expression.call(this,q,m);var t=0,s=0,r=0;if(p instanceof Array){var v=p.length;0<v&&(t=p[0]);1<v&&(s=p[1]);2<v&&(r=p[2])}else t=k,s=+p,r=0;d[k].set(t,s,r);b[k].set(t,s,r);a&&h&&1==k%2&&(t=MathBox.Vector.vLast,s=MathBox.Vector.vCurrent,s.copy(b[k]),t.copy(b[k-1]),a.to(s),a.to(t),s.subSelf(t).multiplySelf(l),v=s.length(),r=Math.min(1,0.5*v/g),r=(1-(1-r)*(1-r))*g,v-=r,s.normalize().multiplyScalar(v).divideSelf(l).addSelf(t),
+a.from(s),b[k].copy(s),c[q].set({size:r}));q=m?q+1:q;m=(m+1)%2}.bind(this))}});MathBox.Primitive.types.vector=MathBox.Vector;MathBox.Surface=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Surface.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"surface"},renderables:function(){return[this.mesh,this.line,this.points]},adjust:function(a){a=this.get();this.mesh.show(a.mesh);this.line.show(a.line);this.points.show(a.points);(a.mesh||a.line||a.points)&&0<this.style.get("opacity")&&
 a.live&&this.calculate()},make:function(){var a=this.get(),b=this.style,c=a.n;"number"==typeof c&&(c=[c,c]);var d=this.geometry=new THREE.PlaneGeometry(2,2,c[0]-1,c[1]-1);this.vertices=d.vertices;this.mesh=new MathBox.Renderable.Mesh(d,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!0,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(d,{type:"mesh",shaded:a.shaded,smooth:!0,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(d.vertices,
-{type:"points",dynamic:a.live},b);if(a.shaded){var e=this.tangents=[[],[]];_.loop(c[0]*c[1],function(){e[0].push(new THREE.Vector3);e[1].push(new THREE.Vector3)})}this.calculate()},calculate:function(){var a=this.vertices,b=this.tangents,c=this.get(),d=c.data,e=c.domain,f=c.n,g=c.flipSided,h=g?1:0,g=g?0:1;"number"==typeof f&&(f=[f,f]);var k=e[0][0],l=e[1][0],m=(e[0][1]-k)/(f[0]-1),q=(e[1][1]-l)/(f[1]-1),u,t=0;_.loop(f[1],function(b){k=e[0][0];_.loop(f[0],function(e){u=d&&void 0!==d[b]&&void 0!==d[b][e]?
-d[b][e]:c.expression.call(this,k,l,e,b,t);var f=e=0,g=0;if(u instanceof Array){var h=u.length;0<h&&(e=u[0]);1<h&&(f=u[1]);2<h&&(g=u[2])}else e=k,f=+u,g=l;a[t].set(e,f,g);k+=m;t++}.bind(this));l+=q}.bind(this));if(c.shaded){var t=0,l=e[1][0],s=f[0];_.loop(f[1],function(c){k=e[0][0];var d=c?c-1:0,g=Math.min(f[1]-1,c+1);_.loop(f[0],function(e){var h=e?e-1:0,l=Math.min(f[0]-1,e+1),q=a[e+c*s];l==e?b[0][t].sub(q,a[h+c*s]).addSelf(q):b[0][t].copy(a[l+c*s]);g==c?b[1][t].sub(q,a[e+d*s]).addSelf(q):b[1][t].copy(a[e+
-g*s]);k+=m;t++});l+=q});this.line.set("attributes",{positionDU:b[h],positionDV:b[g]});this.mesh.set("attributes",{positionDU:b[h],positionDV:b[g]})}}});MathBox.Primitive.types.surface=MathBox.Surface;MathBox.BezierSurface=function(a){this.matrixX=new THREE.Matrix4;this.matrixY=new THREE.Matrix4;this.matrixZ=new THREE.Matrix4;this.coefficients=new THREE.Matrix4(-1,3,-3,1,3,-6,3,0,-3,3,0,0,1,0,0,0);MathBox.Surface.call(this,a)};
-MathBox.BezierSurface.prototype=_.extend(new MathBox.Surface(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"bezierSurface"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,f=b.shaded,g=b.n;"number"==typeof g&&(g=[g,g]);if(3!=e)throw"Bezier surface order must be 3.";var h=[],k;_.loop(e+1,function(a){_.loop(e+
-1,function(c){k=d&&void 0!==d[a]&&void 0!==d[a][c]?d[a][c]:b.expression.call(this,c,a,c,a);var e=0,f=0,g=0;k instanceof Array?(c=k.length,0<c&&(e=k[0]),1<c&&(f=k[1]),2<c&&(g=k[2])):(e=c,f=+k,g=a);h.push([e,f,g])}.bind(this))}.bind(this));k=h;this.matrixX.set(k[0][0],k[1][0],k[2][0],k[3][0],k[4][0],k[5][0],k[6][0],k[7][0],k[8][0],k[9][0],k[10][0],k[11][0],k[12][0],k[13][0],k[14][0],k[15][0]);this.matrixY.set(k[0][1],k[1][1],k[2][1],k[3][1],k[4][1],k[5][1],k[6][1],k[7][1],k[8][1],k[9][1],k[10][1],k[11][1],
-k[12][1],k[13][1],k[14][1],k[15][1]);this.matrixZ.set(k[0][2],k[1][2],k[2][2],k[3][2],k[4][2],k[5][2],k[6][2],k[7][2],k[8][2],k[9][2],k[10][2],k[11][2],k[12][2],k[13][2],k[14][2],k[15][2]);var l=this.coefficients;this.matrixX.multiplySelf(l).transpose().multiplySelf(l);this.matrixY.multiplySelf(l).transpose().multiplySelf(l);this.matrixZ.multiplySelf(l).transpose().multiplySelf(l);var l={bezierSurfaceX:this.matrixX,bezierSurfaceY:this.matrixY,bezierSurfaceZ:this.matrixZ},m=c[0][0],q=c[1][0],u=(c[0][1]-
-m)/(g[0]-1),t=(c[1][1]-q)/(g[1]-1),s=0;_.loop(g[1],function(b){m=c[0][0];_.loop(g[0],function(b){a[s].set(m,q,0);m+=u;s++}.bind(this));q+=t}.bind(this));l={uniforms:l,shaders:{position:function(a,b){f?(a.snippet("bezierSurface"+e),a.group(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.combine()):(a.snippet("bezierSurface"+e).snippet("mathTransform"),b.viewport(a))}}};this.mesh.set(l);this.line.set(l);
+{type:"points",dynamic:a.live},b);if(a.shaded){var e=this.tangents=[[],[]];_.loop(c[0]*c[1],function(){e[0].push(new THREE.Vector3);e[1].push(new THREE.Vector3)})}this.calculate()},calculate:function(){var a=this.vertices,b=this.tangents,c=this.get(),d=c.data,e=c.domain,f=c.n,h=c.flipSided,k=h?1:0,h=h?0:1;"number"==typeof f&&(f=[f,f]);var g=e[0][0],l=e[1][0],m=(e[0][1]-g)/(f[0]-1),q=(e[1][1]-l)/(f[1]-1),u,t=0;_.loop(f[1],function(b){g=e[0][0];_.loop(f[0],function(e){u=d&&void 0!==d[b]&&void 0!==d[b][e]?
+d[b][e]:c.expression.call(this,g,l,e,b,t);var f=e=0,h=0;if(u instanceof Array){var k=u.length;0<k&&(e=u[0]);1<k&&(f=u[1]);2<k&&(h=u[2])}else e=g,f=+u,h=l;a[t].set(e,f,h);g+=m;t++}.bind(this));l+=q}.bind(this));if(c.shaded){var t=0,l=e[1][0],s=f[0];_.loop(f[1],function(c){g=e[0][0];var d=c?c-1:0,h=Math.min(f[1]-1,c+1);_.loop(f[0],function(e){var k=e?e-1:0,l=Math.min(f[0]-1,e+1),q=a[e+c*s];l==e?b[0][t].sub(q,a[k+c*s]).addSelf(q):b[0][t].copy(a[l+c*s]);h==c?b[1][t].sub(q,a[e+d*s]).addSelf(q):b[1][t].copy(a[e+
+h*s]);g+=m;t++});l+=q});this.line.set("attributes",{positionDU:b[k],positionDV:b[h]});this.mesh.set("attributes",{positionDU:b[k],positionDV:b[h]})}}});MathBox.Primitive.types.surface=MathBox.Surface;MathBox.BezierSurface=function(a){this.matrixX=new THREE.Matrix4;this.matrixY=new THREE.Matrix4;this.matrixZ=new THREE.Matrix4;this.coefficients=new THREE.Matrix4(-1,3,-3,1,3,-6,3,0,-3,3,0,0,1,0,0,0);MathBox.Surface.call(this,a)};
+MathBox.BezierSurface.prototype=_.extend(new MathBox.Surface(null),{defaults:function(){return{n:[64,64],domain:[[0,1],[0,1]],data:null,order:3,expression:function(){return 0},live:!0,points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"bezierSurface"},calculate:function(){var a=this.vertices,b=this.get(),c=b.domain,d=b.data,e=b.order,f=b.shaded,h=b.n;"number"==typeof h&&(h=[h,h]);if(3!=e)throw"Bezier surface order must be 3.";var k=[],g;_.loop(e+1,function(a){_.loop(e+
+1,function(c){g=d&&void 0!==d[a]&&void 0!==d[a][c]?d[a][c]:b.expression.call(this,c,a,c,a);var e=0,f=0,h=0;g instanceof Array?(c=g.length,0<c&&(e=g[0]),1<c&&(f=g[1]),2<c&&(h=g[2])):(e=c,f=+g,h=a);k.push([e,f,h])}.bind(this))}.bind(this));g=k;this.matrixX.set(g[0][0],g[1][0],g[2][0],g[3][0],g[4][0],g[5][0],g[6][0],g[7][0],g[8][0],g[9][0],g[10][0],g[11][0],g[12][0],g[13][0],g[14][0],g[15][0]);this.matrixY.set(g[0][1],g[1][1],g[2][1],g[3][1],g[4][1],g[5][1],g[6][1],g[7][1],g[8][1],g[9][1],g[10][1],g[11][1],
+g[12][1],g[13][1],g[14][1],g[15][1]);this.matrixZ.set(g[0][2],g[1][2],g[2][2],g[3][2],g[4][2],g[5][2],g[6][2],g[7][2],g[8][2],g[9][2],g[10][2],g[11][2],g[12][2],g[13][2],g[14][2],g[15][2]);var l=this.coefficients;this.matrixX.multiplySelf(l).transpose().multiplySelf(l);this.matrixY.multiplySelf(l).transpose().multiplySelf(l);this.matrixZ.multiplySelf(l).transpose().multiplySelf(l);var l={bezierSurfaceX:this.matrixX,bezierSurfaceY:this.matrixY,bezierSurfaceZ:this.matrixZ},m=c[0][0],q=c[1][0],u=(c[0][1]-
+m)/(h[0]-1),t=(c[1][1]-q)/(h[1]-1),s=0;_.loop(h[1],function(b){m=c[0][0];_.loop(h[0],function(b){a[s].set(m,q,0);m+=u;s++}.bind(this));q+=t}.bind(this));l={uniforms:l,shaders:{position:function(a,b){f?(a.snippet("bezierSurface"+e),a.group(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.next(),a.snippet("mathTransform"),b.viewport(a),a.combine()):(a.snippet("bezierSurface"+e).snippet("mathTransform"),b.viewport(a))}}};this.mesh.set(l);this.line.set(l);
 this.points.set(l)}});MathBox.Primitive.types.bezierSurface=MathBox.BezierSurface;MathBox.Platonic=function(a){null!==a&&MathBox.Primitive.call(this,a)};
 MathBox.Platonic.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{n:1,type:"cube",points:!1,line:!1,mesh:!0,doubleSided:!0,flipSided:!1,shaded:!0,style:{}}},type:function(){return"platonic"},renderables:function(){return[this.mesh,this.line,this.points]},adjust:function(a){a=this.get();this.mesh.show(a.mesh);this.line.show(a.line);this.points.show(a.points)},make:function(){var a=this.get(),b=this.style,c;switch(a.type){case "cube":c=new THREE.CubeGeometry(2,2,2,1,1,1)}this.mesh=
-new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;
+new MathBox.Renderable.Mesh(c,{type:"mesh",doubleSided:a.doubleSided,flipSided:a.flipSided,shaded:a.shaded,smooth:!1,dynamic:a.live},b);this.line=new MathBox.Renderable.Mesh(c,{type:"mesh",shaded:a.shaded,smooth:!1,dynamic:a.live,wireframe:!0},b);this.points=new MathBox.Renderable.Mesh(c.vertices,{type:"points",dynamic:a.live},b)}});MathBox.Primitive.types.platonic=MathBox.Platonic;MathBox.Label=function(a){null!==a&&MathBox.Primitive.call(this,a)};
+MathBox.Label.prototype=_.extend(new MathBox.Primitive(null),{defaults:function(){return{position:null,facing:1,distance:15,expression:function(){return 0},style:{color:new THREE.Color(7368816)},class_name:"mathbox-labels",text:""}},renderables:function(){return[this.labels]},type:function(){return"label"},adjust:function(a,b){var c=this.get(),d=[0,0,0];d[c.facing]=1;var e=this.labelTangent;e.set.apply(e,d);d=c.position;e=this.labelPoint;d?e.set.apply(e,d):e.set.apply(e,c.expression.call(this));this.labels.show(!0)},
+make:function(){var a=this.get(),b=a.position,c=a.text,d=a.distance,e=a.class_name,f=this.style,h=this.labelTangent=new THREE.Vector3,k=this.labelPoint=new THREE.Vector3,d={dynamic:!0,distance:d,class_name:e};b?k.set.apply(k,b):k.set.apply(k,a.expression.call(this));a=function(a){return c}.bind(this);this.labels=new MathBox.Renderable.Labels([k],h,a,d,f)}});MathBox.Label.validateArgs=function(a){return a};MathBox.Primitive.types.label=MathBox.Label;
 MathBox.Renderable=function(a,b){if(null!==a){this.id=++MathBox.Renderable.id;var c=this.defaults();a&&(a=_.extend(c,a||{}));this.set(a||c);this.geometry=this.material=this.object=null;this.visible=!0;this.style=b||new MathBox.Style;this.style.on("change",this.styleCallback=this.refreshStyle.bind(this));this.on("change",this.uniformsCallback=this.refreshOptions.bind(this));this.mathTransform=new THREE.Matrix4}};MathBox.Renderable.id=0;
 MathBox.Renderable.prototype={defaults:function(){return{}},make:function(a){},destroy:function(){},show:function(a){a=void 0===a?!0:!!a;a!=this.visible&&(this.visible=a,this.refresh())},isVisible:function(){return this.object&&this.object.visible},composeTransform:function(a,b,c){var d=THREE.Matrix4.__m1,e=THREE.Matrix4.__m2;d.identity();d.setRotationFromEuler(b,this.object.eulerOrder);e.makeScale(c.x,c.y,c.z);this.mathTransform.multiply(d,e);b=this.mathTransform.elements;b[12]=a.x;b[13]=a.y;b[14]=
 a.z},refreshStyle:function(a){var b=this.style.get();a=a||b;this.material&&this.material.applyUniforms(a);if(this.object){this.object.frustumCulled=!1;a.worldPosition&&(this.object.position=b.worldPosition);a.worldRotation&&(this.object.rotation=b.worldRotation);a.worldScale&&(this.object.scale=b.worldScale);if(a.mathPosition||a.mathRotation||a.mathScale)this.composeTransform(b.mathPosition,b.mathRotation,b.mathScale),this.material&&this.material.applyUniforms({mathTransform:this.mathTransform});
@@ -174,31 +178,31 @@ this.material.applyUniforms(b);(b=this.get().attributes)&&this.material.applyAtt
 MathBox.Renderable.Mesh.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{type:"points",doubleSided:!0,dynamic:!1,absolute:!1,strip:!0,shaders:{}}},make:function(a){var b=this.get(),c=b.type,d=b.strip,e={points:THREE.ParticleSystem,line:THREE.Line,mesh:THREE.Mesh}[c];if(!e)throw"Invalid Mesh type '"+c+"'";a=this.material=a.generic(b);var f;f=this.points;f instanceof Array?(f=this.geometry=new THREE.Geometry,f.vertices=this.points):f=this.geometry=f;f.dynamic=b.dynamic;switch(c){case "line":b=
 new THREE.Line(f,a,d?THREE.LineStrip:THREE.LinePieces);break;default:b=new e(f,a)}this.object=b;this.refresh()},adjust:function(a){this.get().dynamic&&(this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.ArrowHead=function(a,b,c,d){this.from=a;this.to=b;MathBox.Renderable.call(this,c,d)};MathBox.Renderable.ArrowHead.geometry=new THREE.CylinderGeometry(0.33,0,1,16,1);
 MathBox.Renderable.ArrowHead.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{offset:0,absolute:!0,size:0.1}},make:function(a){var b=this.get();a=this.material=a.generic(b);this._from=new THREE.Vector3;this._to=new THREE.Vector3;this.diff=new THREE.Vector3;this.bi=new THREE.Vector3;this.normal=new THREE.Vector3(0,0,1);b=this.geometry=MathBox.Renderable.ArrowHead.geometry;this.object=new THREE.Mesh(b,a);this.refresh()},isVisible:function(){return this.visible&&0<this.style.get("opacity")},
-adjust:function(a){var b=this.get(),c=b.offset,d=this._from.copy(this.from),e=this._to.copy(this.to);this.mathTransform.multiplyVector3(d);this.mathTransform.multiplyVector3(e);a.to(d);a.to(e);d=this.diff.sub(d,e);if(0.001>d.length())this.object.visible=!1;else{this.object.visible=this.visible;d=d.normalize();this.normal.x=this.diff.y+0.1;this.normal.y=this.diff.z+0.2;this.normal.z=this.diff.x+0.3;this.normal.normalize();var f=this.bi.cross(this.normal,this.diff).normalize(),g=this.normal.cross(this.bi,
-this.diff),b=b.size,e=(new THREE.Matrix4(f.x,d.x,g.x,e.x,f.y,d.y,g.y,e.y,f.z,d.z,g.z,e.z,0,0,0,1)).scale(new THREE.Vector3(b,b,b));this.object.updateMatrix();this.object.matrix.multiplySelf(e);e.identity().setPosition({x:0,y:0.5-c,z:0});this.object.matrix.multiplySelf(e);this.object.matrixAutoUpdate=!1;this.object.matrixWorldNeedsUpdate=!0;MathBox.Renderable.prototype.adjust.call(this,a)}}});
+adjust:function(a){var b=this.get(),c=b.offset,d=this._from.copy(this.from),e=this._to.copy(this.to);this.mathTransform.multiplyVector3(d);this.mathTransform.multiplyVector3(e);a.to(d);a.to(e);d=this.diff.sub(d,e);if(0.001>d.length())this.object.visible=!1;else{this.object.visible=this.visible;d=d.normalize();this.normal.x=this.diff.y+0.1;this.normal.y=this.diff.z+0.2;this.normal.z=this.diff.x+0.3;this.normal.normalize();var f=this.bi.cross(this.normal,this.diff).normalize(),h=this.normal.cross(this.bi,
+this.diff),b=b.size,e=(new THREE.Matrix4(f.x,d.x,h.x,e.x,f.y,d.y,h.y,e.y,f.z,d.z,h.z,e.z,0,0,0,1)).scale(new THREE.Vector3(b,b,b));this.object.updateMatrix();this.object.matrix.multiplySelf(e);e.identity().setPosition({x:0,y:0.5-c,z:0});this.object.matrix.multiplySelf(e);this.object.matrixAutoUpdate=!1;this.object.matrixWorldNeedsUpdate=!0;MathBox.Renderable.prototype.adjust.call(this,a)}}});
 MathBox.Renderable.Ticks=function(a,b,c,d,e){this.points=a;this.signs=b;this.epsilon=c;MathBox.Renderable.call(this,d,e)};
 MathBox.Renderable.Ticks.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{dynamic:!1,absolute:!1,size:0.1}},make:function(a){var b=this.get(),c=this.points;a=this.material=a.generic({type:"line",shaders:{position:function(a,c){c.position(a,b);a.snippet("tickVertexSplit");a.group();c.viewport(a);a.next();c.viewport(a);a.combine();a.snippet("tickVertexJoin")}}});var d=this.geometry=new THREE.Geometry;d.vertices=c;this.object=new THREE.Line(d,a,THREE.LinePieces);this.refresh()},
 adjust:function(a){var b=this.get();this.material&&this.material.applyAttributes({tickSign:this.signs});this.material&&this.material.applyUniforms({tickEpsilon:this.epsilon,tickSize:b.size});b.dynamic&&(this.material.attributes.tickSign.needsUpdate=!0,this.geometry.verticesNeedUpdate=!0);MathBox.Renderable.prototype.adjust.call(this,a)}});MathBox.Renderable.Labels=function(a,b,c,d,e){this.points=a;this.tangent=b;this.callback=c;this.sprites=[];MathBox.Renderable.call(this,d,e)};
-MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1}},make:function(a){this.get();var b=this.tangent,c=this.sprites;a=this.points.length;this._anchor=new THREE.Vector3;var d=document.createElement("div"),e=this.object=new MathBox.Sprite(d);d.className="mathbox-labels";_.loop(a,function(a){a=document.createElement("div");var d=document.createElement("div");a.appendChild(d);var h=new MathBox.Sprite(a,b);a.className="mathbox-label";
-d.className="mathbox-wrap";d.style.position="relative";d.style.display="inline-block";d.style.left="-50%";d.style.top="-.5em";c.push(h);e.add(h)})},adjust:function(a,b,c,d,e){var f=this.get(),g=this.points;b=this.sprites;var h=this.callback,k=f.decimals,l=this.style.get("opacity"),m=window.MathJax&&MathJax.Hub,q=1/Math.log(10);_.each(b,function(b,c){b.position.copy(g[c]);a.to(b.position);e.matrix.multiplyVector3(b.position);b.distance=f.distance;b.opacity=l;var d="";if(h){d=h(c);void 0===d&&(d="");
-if(+d==d){var r=+d;if(0!=r)var d=0>r?-1:1,r=Math.abs(r),v=Math.pow(10,k-1-Math.floor(Math.log(r)*q)),d=r=d*Math.round(v*r)/v}m||(d=(""+d).replace(/^-/,"\u2013"))}b.content!==d&&(r=b.element.children[0],b.content=d,b.measure=!0,m?(r.innerHTML="\\("+d+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,r])):r.innerHTML=d)});MathBox.Renderable.prototype.adjust.call(this,a)}});
+MathBox.Renderable.Labels.prototype=_.extend(new MathBox.Renderable(null),{defaults:function(){return{absolute:!0,distance:15,size:1,class_name:"mathbox-labels"}},make:function(a){a=this.get();var b=this.tangent,c=this.sprites,d=a.class_name;a=this.points.length;this._anchor=new THREE.Vector3;var e=document.createElement("div"),f=this.object=new MathBox.Sprite(e);e.className=d;_.loop(a,function(a){a=document.createElement("div");var e=document.createElement("div");a.appendChild(e);var g=new MathBox.Sprite(a,
+b);"mathbox-labels"==d&&(a.className="mathbox-label");e.className="mathbox-wrap";e.style.position="relative";e.style.display="inline-block";e.style.left="-50%";e.style.top="-.5em";c.push(g);f.add(g)})},adjust:function(a,b,c,d,e){var f=this.get(),h=this.points;b=this.sprites;var k=this.callback,g=f.decimals,l=this.style.get("opacity"),m=window.MathJax&&MathJax.Hub,q=1/Math.log(10);_.each(b,function(b,c){b.position.copy(h[c]);a.to(b.position);e.matrix.multiplyVector3(b.position);b.distance=f.distance;
+b.opacity=l;var d="";if(k){d=k(c);void 0===d&&(d="");if(+d==d){var r=+d;if(0!=r)var d=0>r?-1:1,r=Math.abs(r),v=Math.pow(10,g-1-Math.floor(Math.log(r)*q)),d=r=d*Math.round(v*r)/v}m||(d=(""+d).replace(/^-/,"\u2013"))}b.content!==d&&(r=b.element.children[0],b.content=d,b.measure=!0,m?(r.innerHTML="\\("+d+"\\)",MathJax.Hub.queue.Push(["Typeset",MathJax.Hub,r])):r.innerHTML=d)});MathBox.Renderable.prototype.adjust.call(this,a)}});
 MathBox.Viewport=function(a){if(null!==a){var b=this.defaults();a=_.extend(b,a||{});this.set(a);this.singleton="viewport";this._uniforms={}}};
 MathBox.Viewport.prototype={defaults:function(){return{type:"none",rotation:[0,0,0],position:[0,0,0]}},uniforms:function(){return this._uniforms},axis:function(a){return[0,1]},to:function(a){},from:function(a){},update:function(a){var b=this.get();_.each(["position","rotation"],function(c){a[c].set.apply(a[c],b[c])})},shader:function(a){a.snippet("mathToWorld")},validateRotation:function(a){return a.constructor==Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("rotation")},validatePosition:function(a){return a.constructor==
 Array?(a=a.concat([0,0,0]),a.slice(0,3)):this.get("position")}};MathBox.Attributes.mixin(MathBox.Viewport,"type");MathBox.Viewport.types={};MathBox.Viewport.make=function(a){return new (MathBox.Viewport.types[a.type]||MathBox.Viewport.types.cartesian||MathBox.Viewport)(a)};
 MathBox.ViewportCartesian=function(a){if(null!==a){var b=MathBox.Viewport;b.call(this,a);this.super=b.prototype;this.transform=new THREE.Matrix4;this.inverse=new THREE.Matrix4;_.extend(this._uniforms,{viewportTransform:this.transform,viewportInverse:this.inverse})}};
-MathBox.ViewportCartesian.prototype=_.extend(new MathBox.Viewport(null),{defaults:function(){return{type:"cartesian",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a)},axis:function(a){var b=this.get().range[a];a=b[0];var c=b[1],b=Math.min(a,c);a=Math.max(a,c);return[b,a]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=c[0][0],e=c[1][0],f=c[2][0],g=c[0][1]-b,h=
-c[1][1]-e,c=c[2][1]-f,k=d[0],l=d[1],d=d[2],m=[g/(2*k),0,0,b+g/2,0,h/(2*l),0,e+h/2,0,0,c/(2*d),f+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*k/g,0,0,-(2*b+g)*k/g,0,2*l/h,0,-(2*e+h)*l/h,0,0,2*d/c,-(2*f+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,m);MathBox.Viewport.prototype.update.call(this,a)},validateRange:function(a){a=a||[];for(var b=0;3>b;++b){a[b]=a[b]||[];for(var c=0;2>c;++c)a[b][c]=void 0!==a[b][c]?a[b][c]:2*c-1}return a},validateScale:function(a){a=a||[];for(var b=0;3>
+MathBox.ViewportCartesian.prototype=_.extend(new MathBox.Viewport(null),{defaults:function(){return{type:"cartesian",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a)},axis:function(a){var b=this.get().range[a];a=b[0];var c=b[1],b=Math.min(a,c);a=Math.max(a,c);return[b,a]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=c[0][0],e=c[1][0],f=c[2][0],h=c[0][1]-b,k=
+c[1][1]-e,c=c[2][1]-f,g=d[0],l=d[1],d=d[2],m=[h/(2*g),0,0,b+h/2,0,k/(2*l),0,e+k/2,0,0,c/(2*d),f+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*g/h,0,0,-(2*b+h)*g/h,0,2*l/k,0,-(2*e+k)*l/k,0,0,2*d/c,-(2*f+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,m);MathBox.Viewport.prototype.update.call(this,a)},validateRange:function(a){a=a||[];for(var b=0;3>b;++b){a[b]=a[b]||[];for(var c=0;2>c;++c)a[b][c]=void 0!==a[b][c]?a[b][c]:2*c-1}return a},validateScale:function(a){a=a||[];for(var b=0;3>
 b;++b)a[b]=a[b]||1;return a}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.cartesian=MathBox.ViewportCartesian;MathBox.ViewportPolar=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{polarAlpha:0,polarAspect:1,polarPower:1,polarFold:1,polarFocus:1,polarHelix:0})};
-MathBox.ViewportPolar.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"polar",range:[[-1,1],[-1,1],[-1,1]],polar:1,fold:1,power:1,helix:0,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarPower,f=this._uniforms.polarHelix;a.x*=this._uniforms.polarFold;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),e);if(1E-4<d){var e=c+a.y*b,g=a.x*d;a.z+=
-a.x*f*d;a.x=Math.sin(g)*e;a.y=(Math.cos(g)*e-c)/b}this.transform.multiplyVector3(a)},from:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarFold,f=this._uniforms.polarPower,g=this._uniforms.polarHelix;this.inverse.multiplyVector3(a);if(1E-4<d){var h=a.x,k=a.y*b+c,l=Math.sqrt(h*h+k*k);theta=Math.atan2(h,k);a.x=theta/d;a.y=(l-c)/b;a.z-=a.x*g*d}a.x/=e;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),1/f)},axis:function(a){var b=this.super.axis.call(this,
-a);min=b[0];max=b[1];alpha=this._uniforms.polarAlpha;aspect=this._uniforms.polarAspect;focus=this._uniforms.polarFocus;1==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspect+0.001,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,e=b.polar,f=b.fold,g=b.power,b=b.helix,h=1,k=c[0][0],l=c[1][0],m=c[2][0],q=c[0][1]-k,u=c[1][1]-l,c=c[2][1]-m,t=d[0],s=d[1],d=d[2],h=0<q?1:-1,r=Math.abs(u),r=q+(r*h-q)*e,h=Math.abs(r/t/(u/s)),v=[r/(2*t),0,0,k+q/2,
-0,u/(2*s),0,l+u/2,0,0,c/(2*d),m+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*t/r,0,0,-(2*k+q)*t/q,0,2*s/u,0,-(2*l+u)*s/u,0,0,2*d/c,-(2*m+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,v);this._uniforms.polarAlpha=e;this._uniforms.polarAspect=h;this._uniforms.polarFold=f;this._uniforms.polarPower=g;this._uniforms.polarFocus=0<e?1/e-1:0;this._uniforms.polarHelix=b;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("polarPower").snippet("cartesianToPolar").snippet("mathToWorld")},
+MathBox.ViewportPolar.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"polar",range:[[-1,1],[-1,1],[-1,1]],polar:1,fold:1,power:1,helix:0,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarPower,f=this._uniforms.polarHelix;a.x*=this._uniforms.polarFold;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),e);if(1E-4<d){var e=c+a.y*b,h=a.x*d;a.z+=
+a.x*f*d;a.x=Math.sin(h)*e;a.y=(Math.cos(h)*e-c)/b}this.transform.multiplyVector3(a)},from:function(a){var b=this._uniforms.polarAspect,c=this._uniforms.polarFocus,d=this._uniforms.polarAlpha,e=this._uniforms.polarFold,f=this._uniforms.polarPower,h=this._uniforms.polarHelix;this.inverse.multiplyVector3(a);if(1E-4<d){var k=a.x,g=a.y*b+c,l=Math.sqrt(k*k+g*g);theta=Math.atan2(k,g);a.x=theta/d;a.y=(l-c)/b;a.z-=a.x*h*d}a.x/=e;a.y=Math.sign(a.y)*Math.pow(Math.abs(a.y),1/f)},axis:function(a){var b=this.super.axis.call(this,
+a);min=b[0];max=b[1];alpha=this._uniforms.polarAlpha;aspect=this._uniforms.polarAspect;focus=this._uniforms.polarFocus;1==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspect+0.001,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,e=b.polar,f=b.fold,h=b.power,b=b.helix,k=1,g=c[0][0],l=c[1][0],m=c[2][0],q=c[0][1]-g,u=c[1][1]-l,c=c[2][1]-m,t=d[0],s=d[1],d=d[2],k=0<q?1:-1,r=Math.abs(u),r=q+(r*k-q)*e,k=Math.abs(r/t/(u/s)),v=[r/(2*t),0,0,g+q/2,
+0,u/(2*s),0,l+u/2,0,0,c/(2*d),m+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*t/r,0,0,-(2*g+q)*t/q,0,2*s/u,0,-(2*l+u)*s/u,0,0,2*d/c,-(2*m+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,v);this._uniforms.polarAlpha=e;this._uniforms.polarAspect=k;this._uniforms.polarFold=f;this._uniforms.polarPower=h;this._uniforms.polarFocus=0<e?1/e-1:0;this._uniforms.polarHelix=b;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("polarPower").snippet("cartesianToPolar").snippet("mathToWorld")},
 validatePolar:function(a){return Math.max(0,Math.min(1,+a||0))},validateFold:function(a){return+a||0},validatePower:function(a){return+a||0},validateHelix:function(a){return+a||0}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.polar=MathBox.ViewportPolar;MathBox.ViewportProjective=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{projectiveTransform:new THREE.Matrix4,projectiveInverse:new THREE.Matrix4})};
 MathBox.ViewportProjective.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"projective",range:[[-1,1],[-1,1],[-1,1]],scale:[1,1,1],rotation:[0,0,0],position:[0,0,0],projective:[[1,0,0,0],[0,1,0,0],[0,0,1,0],[0,0,0,1]]}},to:function(a){this._uniforms.projectiveTransform.multiplyVector3(a);this.transform.multiplyVector3(a)},from:function(a){this.inverse.multiplyVector3(a);this._uniforms.projectiveInverse.multiplyVector3(a)},update:function(a){var b=this._uniforms.projectiveTransform,
 c=this.get("projective");b.set.apply(b,c[0].concat(c[1],c[2],c[3]));this._uniforms.projectiveInverse.getInverse(b);MathBox.ViewportCartesian.prototype.update.call(this,a)},shader:function(a){a.snippet("projectiveTransform").snippet("mathToWorld")},validateProjective:function(a){if(a.constructor==Array){for(var b=0;3>b;++b)a[b]=a[b]&&a.constructor==Array&&a[b]||[],a[b]=a[b].concat([0,0,0,0]).slice(0,4);return a}}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.projective=MathBox.ViewportProjective;
 MathBox.ViewportSphere=function(a){var b=MathBox.ViewportCartesian;b.call(this,a);this.super=b.prototype;_.extend(this._uniforms,{sphereAlpha:0,sphereAspectX:1,sphereAspectY:1,sphereYScale:1,sphereFocus:1})};
-MathBox.ViewportSphere.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"sphere",range:[[-1,1],[-1,1],[-1,1]],sphere:1,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,f=this._uniforms.sphereAlpha;if(1E-4<f){var g=e+a.z*b,h=a.x*f,d=a.y*f/c*d,f=Math.cos(d)*g;a.x=Math.sin(h)*f;a.y=Math.sin(d)*g*c;a.z=(Math.cos(h)*f-e)/b}this.transform.multiplyVector3(a)},
-from:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,f=this._uniforms.sphereAlpha;this.inverse.multiplyVector3(a);if(1E-4<f){var g=a.x,h=a.y/c,k=a.z*b+e,l=Math.sqrt(g*g+h*h+k*k),h=Math.atan2(h,Math.sqrt(g*g+k*k)),g=Math.atan2(g,k);a.x=g/f;a.y=h/f*c/d;a.z=(l-e)/b}},axis:function(a){var b=this.super.axis.call(this,a);min=b[0];max=b[1];alpha=this._uniforms.sphereAlpha;beta=this._uniforms.sphereBeta;aspectX=this._uniforms.sphereAspectX;
-aspectY=this._uniforms.sphereAspectY;focus=this._uniforms.sphereFocus;2==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspectX,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=b.sphere,e=0<b?1/b-1:0,f=c[0][0],g=c[1][0],h=c[2][0],k=c[0][1]-f,l=c[1][1]-g,c=c[2][1]-h,m=d[0],q=d[1],d=d[2],u=0<k?1:-1,t=0<l?1:-1,s=Math.abs(c),u=k+(s*u-k)*b,t=l+(s*t-l)*b,s=c/d;aspectX=u/m/s;aspectY=t/q/s/aspectX;aspectZ=l/k*m/q*2;yScale=Math.min(aspectY/b,1+(aspectZ-
-1)*b);s=[u/(2*m),0,0,f+k/2,0,t/(2*q),0,g+l/2,0,0,c/(2*d),h+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*m/u,0,0,-(2*f+k)*m/k,0,2*q/t,0,-(2*g+l)*q/l,0,0,2*d/c,-(2*h+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,s);this._uniforms.sphereAlpha=b;this._uniforms.sphereAspectX=aspectX;this._uniforms.sphereAspectY=aspectY;this._uniforms.sphereYScale=yScale;this._uniforms.sphereFocus=e;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("cartesianToSphere").snippet("mathToWorld")},
+MathBox.ViewportSphere.prototype=_.extend(new MathBox.ViewportCartesian(null),{defaults:function(){return{type:"sphere",range:[[-1,1],[-1,1],[-1,1]],sphere:1,scale:[1,1,1],rotation:[0,0,0],position:[0,0,0]}},to:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,f=this._uniforms.sphereAlpha;if(1E-4<f){var h=e+a.z*b,k=a.x*f,d=a.y*f/c*d,f=Math.cos(d)*h;a.x=Math.sin(k)*f;a.y=Math.sin(d)*h*c;a.z=(Math.cos(k)*f-e)/b}this.transform.multiplyVector3(a)},
+from:function(a){var b=this._uniforms.sphereAspectX,c=this._uniforms.sphereAspectY,d=this._uniforms.sphereYScale,e=this._uniforms.sphereFocus,f=this._uniforms.sphereAlpha;this.inverse.multiplyVector3(a);if(1E-4<f){var h=a.x,k=a.y/c,g=a.z*b+e,l=Math.sqrt(h*h+k*k+g*g),k=Math.atan2(k,Math.sqrt(h*h+g*g)),h=Math.atan2(h,g);a.x=h/f;a.y=k/f*c/d;a.z=(l-e)/b}},axis:function(a){var b=this.super.axis.call(this,a);min=b[0];max=b[1];alpha=this._uniforms.sphereAlpha;beta=this._uniforms.sphereBeta;aspectX=this._uniforms.sphereAspectX;
+aspectY=this._uniforms.sphereAspectY;focus=this._uniforms.sphereFocus;2==a&&0<alpha&&(max=Math.max(Math.abs(max),Math.abs(min)),min=Math.max(-focus/aspectX,min));return[min,max]},update:function(a){var b=this.get(),c=b.range,d=b.scale,b=b.sphere,e=0<b?1/b-1:0,f=c[0][0],h=c[1][0],k=c[2][0],g=c[0][1]-f,l=c[1][1]-h,c=c[2][1]-k,m=d[0],q=d[1],d=d[2],u=0<g?1:-1,t=0<l?1:-1,s=Math.abs(c),u=g+(s*u-g)*b,t=l+(s*t-l)*b,s=c/d;aspectX=u/m/s;aspectY=t/q/s/aspectX;aspectZ=l/g*m/q*2;yScale=Math.min(aspectY/b,1+(aspectZ-
+1)*b);s=[u/(2*m),0,0,f+g/2,0,t/(2*q),0,h+l/2,0,0,c/(2*d),k+c/2,0,0,0,1];this.transform.set.apply(this.transform,[2*m/u,0,0,-(2*f+g)*m/g,0,2*q/t,0,-(2*h+l)*q/l,0,0,2*d/c,-(2*k+c)*d/c,0,0,0,1]);this.inverse.set.apply(this.inverse,s);this._uniforms.sphereAlpha=b;this._uniforms.sphereAspectX=aspectX;this._uniforms.sphereAspectY=aspectY;this._uniforms.sphereYScale=yScale;this._uniforms.sphereFocus=e;MathBox.Viewport.prototype.update.call(this,a)},shader:function(a){a.snippet("cartesianToSphere").snippet("mathToWorld")},
 validateSphere:function(a){return Math.max(0,Math.min(1,+a||0))}});MathBox.Attributes.mixin(MathBox.Viewport);MathBox.Viewport.types.sphere=MathBox.ViewportSphere;
diff --git a/src/primitives/Label.js b/src/primitives/Label.js
new file mode 100644
index 0000000..37a7cef
--- /dev/null
+++ b/src/primitives/Label.js
@@ -0,0 +1,87 @@
+/**
+ * Text label at specified position
+ */
+MathBox.Label = function (options) {
+  // Allow inheritance constructor
+  if (options === null) return;
+
+  MathBox.Primitive.call(this, options);
+};
+
+MathBox.Label.prototype = _.extend(new MathBox.Primitive(null), {
+
+  defaults: function () {
+    return {
+      position: null,
+      facing: 1,
+      distance: 15,
+      expression: function () { return 0; },
+      style: {
+        color: new THREE.Color(0x707070),
+      },
+      class_name: 'mathbox-labels',	// allow user to change css class of labels div
+      text: ""
+    };
+  },
+
+  renderables: function () {
+    return [ this.labels ];
+  },
+
+  type: function () {
+    return 'label';
+  },
+
+  adjust: function (viewport, camera) {
+    var options = this.get(),
+    // Axis vector direction for labels
+    p = [0, 0, 0];
+
+    p[options.facing] = 1;
+
+    var labelTangent = this.labelTangent;
+    labelTangent.set.apply(labelTangent, p);
+
+    var position = options.position;
+    var labelPoint = this.labelPoint;
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+
+    this.labels.show(true);
+  },
+
+  make: function () {
+    var options = this.get(),
+      position = options.position,
+      text = options.text,
+      distance = options.distance,
+      class_name = options.class_name,
+      style = this.style,
+      labelTangent = this.labelTangent = new THREE.Vector3(),
+      labelPoint  = this.labelPoint = new THREE.Vector3();
+
+    var labelOptions = { dynamic: true, distance: distance, class_name: class_name };
+    if (position){
+	labelPoint.set.apply(labelPoint, position);
+    }else{
+	labelPoint.set.apply(labelPoint, options.expression.call(this));
+    }
+    // labelPoint.set.apply(labelPoint, position);
+    // label text callback
+    var callback = function (i) {
+      return text;
+    }.bind(this);
+    
+    this.labels = new MathBox.Renderable.Labels([labelPoint], labelTangent, callback, labelOptions, style);
+  },
+
+});
+
+MathBox.Label.validateArgs = function (options) {
+  return options;
+};
+
+MathBox.Primitive.types.label = MathBox.Label;
diff --git a/src/renderables/Labels.js b/src/renderables/Labels.js
index 37f7497..0b1ff2b 100644
--- a/src/renderables/Labels.js
+++ b/src/renderables/Labels.js
@@ -20,7 +20,8 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     return {
       absolute: true,
       distance: 15,
-      size: 1//,
+      size: 1,
+      class_name: 'mathbox-labels' //,
     };
   },
 
@@ -29,6 +30,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
         points = this.points,
         tangent = this.tangent,
         sprites = this.sprites,
+        class_name = options.class_name,
         n = this.points.length;
 
     // Reusable vector for later.
@@ -37,7 +39,7 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
     // Make parent object to hold all the label divs in one Object3D.
     var element = document.createElement('div');
     var object = this.object = new MathBox.Sprite(element);
-    element.className = 'mathbox-labels';
+    element.className = class_name;
 
     // Make sprites for all labels
     _.loop(n, function (i) {
@@ -50,7 +52,9 @@ MathBox.Renderable.Labels.prototype = _.extend(new MathBox.Renderable(null), {
       var sprite = new MathBox.Sprite(element, tangent);
 
       // Position at anchor point
-      element.className = 'mathbox-label';
+      if (class_name == "mathbox-labels"){
+	  element.className = 'mathbox-label';
+      }
       inner.className = 'mathbox-wrap';
       inner.style.position = 'relative';
       inner.style.display = 'inline-block';
diff --git a/vendor/ShaderGraph.js b/vendor/ShaderGraph.js
index 43134b2..6985664 160000
--- a/vendor/ShaderGraph.js
+++ b/vendor/ShaderGraph.js
@@ -1 +1 @@
-Subproject commit 43134b212f161bfdbd71185d33bb7cc7aaa0f96f
+Subproject commit 69856649bd1c5760a2be1f387481cbab3cb8fddf