Sidebar.Geometry.BoxGeometry.js 2.2 KB

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