Viewport.Info.js 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. Viewport.Info = function ( editor ) {
  5. var signals = editor.signals;
  6. var container = new UI.Panel();
  7. container.setPosition( 'absolute' );
  8. container.setLeft( '10px' );
  9. container.setBottom( '10px' );
  10. container.setFontSize( '12px' );
  11. container.setColor( '#fff' );
  12. var objectsText = new UI.Text( '0' ).setMarginLeft( '6px' );
  13. var verticesText = new UI.Text( '0' ).setMarginLeft( '6px' );
  14. var trianglesText = new UI.Text( '0' ).setMarginLeft( '6px' );
  15. container.add( new UI.Text( 'objects' ), objectsText, new UI.Break() );
  16. container.add( new UI.Text( 'vertices' ), verticesText, new UI.Break() );
  17. container.add( new UI.Text( 'triangles' ), trianglesText, new UI.Break() );
  18. signals.objectAdded.add( update );
  19. signals.objectRemoved.add( update );
  20. signals.geometryChanged.add( update );
  21. //
  22. function update() {
  23. var scene = editor.scene;
  24. var objects = 0, vertices = 0, triangles = 0;
  25. for ( var i = 0, l = scene.children.length; i < l; i ++ ) {
  26. var object = scene.children[ i ];
  27. object.traverseVisible( function ( object ) {
  28. objects ++;
  29. if ( object instanceof THREE.Mesh ) {
  30. var geometry = object.geometry;
  31. if ( geometry instanceof THREE.Geometry ) {
  32. vertices += geometry.vertices.length;
  33. triangles += geometry.faces.length;
  34. } else if ( geometry instanceof THREE.BufferGeometry ) {
  35. vertices += geometry.attributes.position.array.length / 3;
  36. if ( geometry.attributes.index !== undefined ) {
  37. triangles += geometry.attributes.index.array.length / 3;
  38. } else {
  39. triangles += geometry.attributes.position.array.length / 9;
  40. }
  41. }
  42. }
  43. } );
  44. }
  45. objectsText.setValue( objects.format() );
  46. verticesText.setValue( vertices.format() );
  47. trianglesText.setValue( triangles.format() );
  48. }
  49. return container;
  50. }