Toolbar.js 868 B

123456789101112131415161718192021222324252627282930313233343536
  1. var Toolbar = function ( signals ) {
  2. var container = new UI.Panel();
  3. container.setPosition( 'absolute' );
  4. container.setClass( 'toolbar' );
  5. var buttons = new UI.Panel();
  6. buttons.setPadding( '7px' );
  7. container.add( buttons );
  8. var x = new UI.Checkbox( true ).onChange( update );
  9. buttons.add( x );
  10. buttons.add( new UI.Text( 'x' ) );
  11. var y = new UI.Checkbox( true ).setMarginLeft( '10px' ).onChange( update );
  12. buttons.add( y );
  13. buttons.add( new UI.Text( 'y ' ) );
  14. var z = new UI.Checkbox( true ).setMarginLeft( '10px' ).onChange( update );
  15. buttons.add( z );
  16. buttons.add( new UI.Text( 'z ' ) );
  17. function update() {
  18. var axis = new THREE.Vector3();
  19. axis.x = x.getValue() === true ? 1 : 0;
  20. axis.y = y.getValue() === true ? 1 : 0;
  21. axis.z = z.getValue() === true ? 1 : 0;
  22. signals.modifierAxisChanged.dispatch( axis );
  23. }
  24. return container;
  25. }