Added text labels.

Author: davidpiegza

utils/Label.js

@@ -0,0 +1,50 @@
+/**
+  @author David Piegza
+
+  Implements a label for an object.
+  
+  It creates an text in canvas and sets the text-canvas as
+  texture of a cube geometry.
+  
+  Parameters:
+  text: <string>, text of the label
+  
+  Example: 
+  var label = new THREE.Label("Text of the label");
+  label.position.x = 100;
+  label.position.y = 100;
+  scene.addObject(label);
+ */
+
+THREE.Label = function(text, parameters) {
+  var parameters = parameters || {};
+  
+  var labelCanvas = document.createElement( "canvas" );
+  
+  function create() {
+    var xc = labelCanvas.getContext("2d");
+    var fontsize = "40pt";
+
+    // set font size to measure the text
+    xc.font = fontsize + " Arial";
+    var len = xc.measureText(text).width;
+
+    labelCanvas.setAttribute('width', len);
+    
+    // set font size again cause it will be reset
+    // when setting a new width
+    xc.font = fontsize + " Arial";
+    xc.textBaseline = 'top';
+    xc.fillText(text, 0, 0);
+
+    var geometry = new THREE.CubeGeometry(len, 200);
+    var xm = new THREE.MeshBasicMaterial( { map: new THREE.Texture( labelCanvas ), transparent: true } );
+    xm.map.needsUpdate = true;
+
+    // set text canvas to cube geometry
+    var labelObject = new THREE.Mesh( geometry, [ xm ] );
+    return labelObject;
+  }
+
+  return create();
+}