Sidebar.Geometry.CircleGeometry.js 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950
  1. Sidebar.Geometry.CircleGeometry = function ( signals, object ) {
  2. var container = new UI.Panel();
  3. container.setBorderTop( '1px solid #ccc' );
  4. container.setPaddingTop( '10px' );
  5. var geometry = object.geometry;
  6. // radius
  7. var radiusRow = new UI.Panel();
  8. var radius = new UI.Number( geometry.radius ).onChange( update );
  9. radiusRow.add( new UI.Text( 'Radius' ).setWidth( '90px' ).setColor( '#666' ) );
  10. radiusRow.add( radius );
  11. container.add( radiusRow );
  12. // segments
  13. var segmentsRow = new UI.Panel();
  14. var segments = new UI.Integer( geometry.segments ).onChange( update );
  15. segmentsRow.add( new UI.Text( 'Segments' ).setWidth( '90px' ).setColor( '#666' ) );
  16. segmentsRow.add( segments );
  17. container.add( segmentsRow );
  18. //
  19. function update() {
  20. delete object.__webglInit; // TODO: Remove hack (WebGLRenderer refactoring)
  21. object.geometry.dispose();
  22. object.geometry = new THREE.CircleGeometry(
  23. radius.getValue(),
  24. segments.getValue()
  25. );
  26. object.geometry.computeBoundingSphere();
  27. signals.objectChanged.dispatch( object );
  28. }
  29. return container;
  30. }