FaceNormalsHelper.js 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. * @author WestLangley / http://github.com/WestLangley
  4. */
  5. import {
  6. BufferGeometry,
  7. Float32BufferAttribute,
  8. LineSegments,
  9. LineBasicMaterial,
  10. Matrix3,
  11. Vector3
  12. } from '../../../build/three.module.js';
  13. var _v1 = new Vector3();
  14. var _v2 = new Vector3();
  15. var _normalMatrix = new Matrix3();
  16. function FaceNormalsHelper( object, size, hex, linewidth ) {
  17. // FaceNormalsHelper only supports THREE.Geometry
  18. this.object = object;
  19. this.size = ( size !== undefined ) ? size : 1;
  20. var color = ( hex !== undefined ) ? hex : 0xffff00;
  21. var width = ( linewidth !== undefined ) ? linewidth : 1;
  22. //
  23. var nNormals = 0;
  24. var objGeometry = this.object.geometry;
  25. if ( objGeometry && objGeometry.isGeometry ) {
  26. nNormals = objGeometry.faces.length;
  27. } else {
  28. console.warn( 'THREE.FaceNormalsHelper: only THREE.Geometry is supported. Use THREE.VertexNormalsHelper, instead.' );
  29. }
  30. //
  31. var geometry = new BufferGeometry();
  32. var positions = new Float32BufferAttribute( nNormals * 2 * 3, 3 );
  33. geometry.setAttribute( 'position', positions );
  34. LineSegments.call( this, geometry, new LineBasicMaterial( { color: color, linewidth: width } ) );
  35. //
  36. this.matrixAutoUpdate = false;
  37. this.update();
  38. }
  39. FaceNormalsHelper.prototype = Object.create( LineSegments.prototype );
  40. FaceNormalsHelper.prototype.constructor = FaceNormalsHelper;
  41. FaceNormalsHelper.prototype.update = function () {
  42. this.object.updateMatrixWorld( true );
  43. _normalMatrix.getNormalMatrix( this.object.matrixWorld );
  44. var matrixWorld = this.object.matrixWorld;
  45. var position = this.geometry.attributes.position;
  46. //
  47. var objGeometry = this.object.geometry;
  48. var vertices = objGeometry.vertices;
  49. var faces = objGeometry.faces;
  50. var idx = 0;
  51. for ( var i = 0, l = faces.length; i < l; i ++ ) {
  52. var face = faces[ i ];
  53. var normal = face.normal;
  54. _v1.copy( vertices[ face.a ] )
  55. .add( vertices[ face.b ] )
  56. .add( vertices[ face.c ] )
  57. .divideScalar( 3 )
  58. .applyMatrix4( matrixWorld );
  59. _v2.copy( normal ).applyMatrix3( _normalMatrix ).normalize().multiplyScalar( this.size ).add( _v1 );
  60. position.setXYZ( idx, _v1.x, _v1.y, _v1.z );
  61. idx = idx + 1;
  62. position.setXYZ( idx, _v2.x, _v2.y, _v2.z );
  63. idx = idx + 1;
  64. }
  65. position.needsUpdate = true;
  66. };
  67. export { FaceNormalsHelper };