Sidebar.Geometry.BoxGeometry.js 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. Sidebar.Geometry.BoxGeometry = function ( signals, object ) {
  5. var container = new UI.Panel();
  6. var parameters = object.geometry.parameters;
  7. // width
  8. var widthRow = new UI.Panel();
  9. var width = new UI.Number( parameters.width ).onChange( update );
  10. widthRow.add( new UI.Text( 'Width' ).setWidth( '90px' ) );
  11. widthRow.add( width );
  12. container.add( widthRow );
  13. // height
  14. var heightRow = new UI.Panel();
  15. var height = new UI.Number( parameters.height ).onChange( update );
  16. heightRow.add( new UI.Text( 'Height' ).setWidth( '90px' ) );
  17. heightRow.add( height );
  18. container.add( heightRow );
  19. // depth
  20. var depthRow = new UI.Panel();
  21. var depth = new UI.Number( parameters.depth ).onChange( update );
  22. depthRow.add( new UI.Text( 'Depth' ).setWidth( '90px' ) );
  23. depthRow.add( depth );
  24. container.add( depthRow );
  25. // widthSegments
  26. var widthSegmentsRow = new UI.Panel();
  27. var widthSegments = new UI.Integer( parameters.widthSegments ).setRange( 1, Infinity ).onChange( update );
  28. widthSegmentsRow.add( new UI.Text( 'Width segments' ).setWidth( '90px' ) );
  29. widthSegmentsRow.add( widthSegments );
  30. container.add( widthSegmentsRow );
  31. // heightSegments
  32. var heightSegmentsRow = new UI.Panel();
  33. var heightSegments = new UI.Integer( parameters.heightSegments ).setRange( 1, Infinity ).onChange( update );
  34. heightSegmentsRow.add( new UI.Text( 'Height segments' ).setWidth( '90px' ) );
  35. heightSegmentsRow.add( heightSegments );
  36. container.add( heightSegmentsRow );
  37. // depthSegments
  38. var depthSegmentsRow = new UI.Panel();
  39. var depthSegments = new UI.Integer( parameters.depthSegments ).setRange( 1, Infinity ).onChange( update );
  40. depthSegmentsRow.add( new UI.Text( 'Height segments' ).setWidth( '90px' ) );
  41. depthSegmentsRow.add( depthSegments );
  42. container.add( depthSegmentsRow );
  43. //
  44. function update() {
  45. object.geometry.dispose();
  46. object.geometry = new THREE.BoxGeometry(
  47. width.getValue(),
  48. height.getValue(),
  49. depth.getValue(),
  50. widthSegments.getValue(),
  51. heightSegments.getValue(),
  52. depthSegments.getValue()
  53. );
  54. object.geometry.computeBoundingSphere();
  55. signals.geometryChanged.dispatch( object );
  56. }
  57. return container;
  58. }