Source: models/TriangleList.js

  1. /**
  2.  * @fileOverview
  3.  * @author David Gossow - dgossow@willowgarage.com
  4.  */
  6. /**
  7.  * A TriangleList is a THREE object that can be used to display a list of triangles as a geometry.
  8.  *
  9.  * @constructor
  10.  * @param options - object with following keys:
  11.  *
  12.  *   * material (optional) - the material to use for the object
  13.  *   * vertices - the array of vertices to use
  14.  *   * colors - the associated array of colors to use
  15.  */
  16. ROS3D.TriangleList = function(options) {
  17.   options = options || {};
  18.   var material = options.material || new THREE.MeshBasicMaterial();
  19.   var vertices = options.vertices;
  20.   var colors = options.colors;
  22.   THREE.Object3D.call(this);
  24.   // set the material to be double sided
  25.   material.side = THREE.DoubleSide;
  27.   // construct the geometry
  28.   var geometry = new THREE.Geometry();
  29.   for (i = 0; i < vertices.length; i++) {
  30.     geometry.vertices.push(new THREE.Vector3(vertices[i].x, vertices[i].y, vertices[i].z));
  31.   }
  33.   // set the colors
  34.   var i, j;
  35.   if (colors.length === vertices.length) {
  36.     // use per-vertex color
  37.     for (i = 0; i < vertices.length; i += 3) {
  38.       var faceVert = new THREE.Face3(i, i + 1, i + 2);
  39.       for (j = i * 3; j < i * 3 + 3; i++) {
  40.         var color = new THREE.Color();
  41.         color.setRGB(colors[i].r, colors[i].g, colors[i].b);
  42.         faceVert.vertexColors.push(color);
  43.       }
  44.       geometry.faces.push(faceVert);
  45.     }
  46.     material.vertexColors = THREE.VertexColors;
  47.   } else if (colors.length === vertices.length / 3) {
  48.     // use per-triangle color
  49.     for (i = 0; i < vertices.length; i += 3) {
  50.       var faceTri = new THREE.Face3(i, i + 1, i + 2);
  51.       faceTri.color.setRGB(colors[i / 3].r, colors[i / 3].g, colors[i / 3].b);
  52.       geometry.faces.push(faceTri);
  53.     }
  54.     material.vertexColors = THREE.FaceColors;
  55.   } else {
  56.     // use marker color
  57.     for (i = 0; i < vertices.length; i += 3) {
  58.       var face = new THREE.Face3(i, i + 1, i + 2);
  59.       geometry.faces.push(face);
  60.     }
  61.   }
  63.   geometry.computeBoundingBox();
  64.   geometry.computeBoundingSphere();
  65.   geometry.computeFaceNormals();
  67.   this.add(new THREE.Mesh(geometry, material));
  68. };
  69. ROS3D.TriangleList.prototype.__proto__ = THREE.Object3D.prototype;
  71. /**
  72.  * Set the color of this object to the given hex value.
  73.  *
  74.  * @param hex - the hex value of the color to set
  75.  */
  76. ROS3D.TriangleList.prototype.setColor = function(hex) {
  77.   this.mesh.material.color.setHex(hex);
  78. };