Sidebar.Geometry.js 3.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
  1. Sidebar.Geometry = function ( editor ) {
  2. var signals = editor.signals;
  3. var container = new UI.CollapsiblePanel();
  4. container.setDisplay( 'none' );
  5. var geometryType = new UI.Text().setTextTransform( 'uppercase' );
  6. container.addStatic( geometryType );
  7. container.add( new UI.Break() );
  8. // uuid
  9. var geometryUUIDRow = new UI.Panel();
  10. var geometryUUID = new UI.Input().setWidth( '115px' ).setColor( '#444' ).setFontSize( '12px' ).setDisabled( true );
  11. var geometryUUIDRenew = new UI.Button( '⟳' ).setMarginLeft( '7px' ).onClick( function () {
  12. geometryUUID.setValue( THREE.Math.generateUUID() );
  13. editor.selected.geometry.uuid = geometryUUID.getValue();
  14. } );
  15. geometryUUIDRow.add( new UI.Text( 'UUID' ).setWidth( '90px' ) );
  16. geometryUUIDRow.add( geometryUUID );
  17. geometryUUIDRow.add( geometryUUIDRenew );
  18. container.add( geometryUUIDRow );
  19. // name
  20. var geometryNameRow = new UI.Panel();
  21. var geometryName = new UI.Input().setWidth( '150px' ).setColor( '#444' ).setFontSize( '12px' ).onChange( function () {
  22. editor.setGeometryName( editor.selected.geometry, geometryName.getValue() );
  23. } );
  24. geometryNameRow.add( new UI.Text( 'Name' ).setWidth( '90px' ) );
  25. geometryNameRow.add( geometryName );
  26. container.add( geometryNameRow );
  27. // geometry
  28. container.add( new Sidebar.Geometry.Geometry( signals ) );
  29. // buffergeometry
  30. container.add( new Sidebar.Geometry.BufferGeometry( signals ) );
  31. // parameters
  32. var parameters;
  33. //
  34. function build() {
  35. var object = editor.selected;
  36. if ( object && object.geometry ) {
  37. var geometry = object.geometry;
  38. container.setDisplay( 'block' );
  39. geometryType.setValue( editor.getGeometryType( object.geometry ) );
  40. geometryUUID.setValue( geometry.uuid );
  41. geometryName.setValue( geometry.name );
  42. //
  43. if ( parameters !== undefined ) {
  44. container.remove( parameters );
  45. parameters = undefined;
  46. }
  47. if ( geometry instanceof THREE.BoxGeometry ) {
  48. parameters = new Sidebar.Geometry.BoxGeometry( signals, object );
  49. container.add( parameters );
  50. } else if ( geometry instanceof THREE.CircleGeometry ) {
  51. parameters = new Sidebar.Geometry.CircleGeometry( signals, object );
  52. container.add( parameters );
  53. } else if ( geometry instanceof THREE.CylinderGeometry ) {
  54. parameters = new Sidebar.Geometry.CylinderGeometry( signals, object );
  55. container.add( parameters );
  56. } else if ( geometry instanceof THREE.SphereGeometry ) {
  57. parameters = new Sidebar.Geometry.SphereGeometry( signals, object );
  58. container.add( parameters );
  59. } else if ( geometry instanceof THREE.IcosahedronGeometry ) {
  60. parameters = new Sidebar.Geometry.IcosahedronGeometry( signals, object );
  61. container.add( parameters );
  62. } else if ( geometry instanceof THREE.PlaneGeometry ) {
  63. parameters = new Sidebar.Geometry.PlaneGeometry( signals, object );
  64. container.add( parameters );
  65. } else if ( geometry instanceof THREE.TorusGeometry ) {
  66. parameters = new Sidebar.Geometry.TorusGeometry( signals, object );
  67. container.add( parameters );
  68. } else if ( geometry instanceof THREE.TorusKnotGeometry ) {
  69. parameters = new Sidebar.Geometry.TorusKnotGeometry( signals, object );
  70. container.add( parameters );
  71. }
  72. } else {
  73. container.setDisplay( 'none' );
  74. }
  75. }
  76. signals.objectSelected.add( build );
  77. signals.objectChanged.add( build );
  78. return container;
  79. }