Sidebar.Geometry.TorusKnotGeometry.js 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /**
  2. * @author mrdoob / http://mrdoob.com/
  3. */
  4. Sidebar.Geometry.TorusKnotGeometry = 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/torusKnot_geometry/radius' ) ).setWidth( '90px' ) );
  14. radiusRow.add( radius );
  15. container.add( radiusRow );
  16. // tube
  17. var tubeRow = new UI.Row();
  18. var tube = new UI.Number( parameters.tube ).onChange( update );
  19. tubeRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/torusKnot_geometry/tube' ) ).setWidth( '90px' ) );
  20. tubeRow.add( tube );
  21. container.add( tubeRow );
  22. // tubularSegments
  23. var tubularSegmentsRow = new UI.Row();
  24. var tubularSegments = new UI.Integer( parameters.tubularSegments ).setRange( 1, Infinity ).onChange( update );
  25. tubularSegmentsRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/torusKnot_geometry/tubularsegments' ) ).setWidth( '90px' ) );
  26. tubularSegmentsRow.add( tubularSegments );
  27. container.add( tubularSegmentsRow );
  28. // radialSegments
  29. var radialSegmentsRow = new UI.Row();
  30. var radialSegments = new UI.Integer( parameters.radialSegments ).setRange( 1, Infinity ).onChange( update );
  31. radialSegmentsRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/torusKnot_geometry/radialsegments' ) ).setWidth( '90px' ) );
  32. radialSegmentsRow.add( radialSegments );
  33. container.add( radialSegmentsRow );
  34. // p
  35. var pRow = new UI.Row();
  36. var p = new UI.Number( parameters.p ).onChange( update );
  37. pRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/torusKnot_geometry/p' ) ).setWidth( '90px' ) );
  38. pRow.add( p );
  39. container.add( pRow );
  40. // q
  41. var qRow = new UI.Row();
  42. var q = new UI.Number( parameters.q ).onChange( update );
  43. qRow.add( new UI.Text( strings.getKey( 'sidebar/geometry/torusKnot_geometry/q' ) ).setWidth( '90px' ) );
  44. qRow.add( q );
  45. container.add( qRow );
  46. //
  47. function update() {
  48. editor.execute( new SetGeometryCommand( object, new THREE[ geometry.type ](
  49. radius.getValue(),
  50. tube.getValue(),
  51. tubularSegments.getValue(),
  52. radialSegments.getValue(),
  53. p.getValue(),
  54. q.getValue()
  55. ) ) );
  56. }
  57. return container;
  58. };
  59. Sidebar.Geometry.TorusKnotBufferGeometry = Sidebar.Geometry.TorusKnotGeometry;