12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- import * as THREE from 'three';
- import { UIDiv, UIRow, UIText, UIInteger, UIButton } from './libs/ui.js';
- import { SetGeometryCommand } from './commands/SetGeometryCommand.js';
- function GeometryParametersPanel( editor, object ) {
- const strings = editor.strings;
- const signals = editor.signals;
- const container = new UIDiv();
- const geometry = object.geometry;
- const parameters = geometry.parameters;
- // curveSegments
- const curveSegmentsRow = new UIRow();
- const curveSegments = new UIInteger( parameters.curveSegments || 12 ).onChange( changeShape ).setRange( 1, Infinity );
- curveSegmentsRow.add( new UIText( strings.getKey( 'sidebar/geometry/shape_geometry/curveSegments' ) ).setClass( 'Label' ) );
- curveSegmentsRow.add( curveSegments );
- container.add( curveSegmentsRow );
- // to extrude
- const button = new UIButton( strings.getKey( 'sidebar/geometry/shape_geometry/extrude' ) ).onClick( toExtrude ).setClass( 'Label' ).setMarginLeft( '120px' );
- container.add( button );
- //
- function refreshUI() {
- const parameters = object.geometry.parameters;
- curveSegments.setValue( parameters.curveSegments );
- }
- signals.geometryChanged.add( function ( mesh ) {
- if ( mesh === object ) {
- refreshUI();
- }
- } );
- //
- function changeShape() {
- editor.execute( new SetGeometryCommand( editor, object, new THREE.ShapeGeometry(
- parameters.shapes,
- curveSegments.getValue()
- ) ) );
- }
- function toExtrude() {
- editor.execute( new SetGeometryCommand( editor, object, new THREE.ExtrudeGeometry(
- parameters.shapes, {
- curveSegments: curveSegments.getValue()
- }
- ) ) );
- }
- return container;
- }
- export { GeometryParametersPanel };
|