Sidebar.Geometry.SphereGeometry.js 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. Sidebar.Geometry.SphereGeometry = function ( editor, object ) {
  5. var strings = editor.strings;
  6. var signals = editor.signals;
  7. var container = new UI.Row();
  8. var geometry = object.geometry;
  9. var parameters = geometry.parameters;
  10. // radius
  11. var radiusRow = new UI.Row();
  12. var radius = new UI.Number( parameters.radius ).onChange( update );
  13. radiusRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/radius' ) ).setWidth( '90px' ) );
  14. radiusRow.add( radius );
  15. container.add( radiusRow );
  16. // widthSegments
  17. var widthSegmentsRow = new UI.Row();
  18. var widthSegments = new UI.Integer( parameters.widthSegments ).setRange( 1, Infinity ).onChange( update );
  19. widthSegmentsRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/widthsegments' ) ).setWidth( '90px' ) );
  20. widthSegmentsRow.add( widthSegments );
  21. container.add( widthSegmentsRow );
  22. // heightSegments
  23. var heightSegmentsRow = new UI.Row();
  24. var heightSegments = new UI.Integer( parameters.heightSegments ).setRange( 1, Infinity ).onChange( update );
  25. heightSegmentsRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/heightsegments' ) ).setWidth( '90px' ) );
  26. heightSegmentsRow.add( heightSegments );
  27. container.add( heightSegmentsRow );
  28. // phiStart
  29. var phiStartRow = new UI.Row();
  30. var phiStart = new UI.Number( parameters.phiStart * THREE.Math.RAD2DEG ).setStep( 10 ).onChange( update );
  31. phiStartRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/phistart' ) ).setWidth( '90px' ) );
  32. phiStartRow.add( phiStart );
  33. container.add( phiStartRow );
  34. // phiLength
  35. var phiLengthRow = new UI.Row();
  36. var phiLength = new UI.Number( parameters.phiLength * THREE.Math.RAD2DEG ).setStep( 10 ).onChange( update );
  37. phiLengthRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/philength' ) ).setWidth( '90px' ) );
  38. phiLengthRow.add( phiLength );
  39. container.add( phiLengthRow );
  40. // thetaStart
  41. var thetaStartRow = new UI.Row();
  42. var thetaStart = new UI.Number( parameters.thetaStart * THREE.Math.RAD2DEG ).setStep( 10 ).onChange( update );
  43. thetaStartRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/thetastart' ) ).setWidth( '90px' ) );
  44. thetaStartRow.add( thetaStart );
  45. container.add( thetaStartRow );
  46. // thetaLength
  47. var thetaLengthRow = new UI.Row();
  48. var thetaLength = new UI.Number( parameters.thetaLength * THREE.Math.RAD2DEG ).setStep( 10 ).onChange( update );
  49. thetaLengthRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/sphere_geometry/thetalength' ) ).setWidth( '90px' ) );
  50. thetaLengthRow.add( thetaLength );
  51. container.add( thetaLengthRow );
  52. //
  53. function update() {
  54. editor.execute( new SetGeometryCommand( object, new THREE[ geometry.type ](
  55. radius.getValue(),
  56. widthSegments.getValue(),
  57. heightSegments.getValue(),
  58. phiStart.getValue() * THREE.Math.DEG2RAD,
  59. phiLength.getValue() * THREE.Math.DEG2RAD,
  60. thetaStart.getValue() * THREE.Math.DEG2RAD,
  61. thetaLength.getValue() * THREE.Math.DEG2RAD
  62. ) ) );
  63. }
  64. return container;
  65. };
  66. Sidebar.Geometry.SphereBufferGeometry = Sidebar.Geometry.SphereGeometry;