1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192 |
- import { UIPanel, UISelect } from './libs/ui.js';
- function ViewportControls( editor ) {
- const signals = editor.signals;
- const container = new UIPanel();
- container.setPosition( 'absolute' );
- container.setRight( '10px' );
- container.setTop( '10px' );
- container.setColor( '#ffffff' );
- // camera
- const cameraSelect = new UISelect();
- cameraSelect.setMarginLeft( '10px' );
- cameraSelect.setMarginRight( '10px' );
- cameraSelect.onChange( function () {
- editor.setViewportCamera( this.getValue() );
- } );
- container.add( cameraSelect );
- signals.cameraAdded.add( update );
- signals.cameraRemoved.add( update );
- signals.objectChanged.add( function ( object ) {
- if ( object.isCamera ) {
- update();
- }
- } );
- // shading
- const shadingSelect = new UISelect();
- shadingSelect.setOptions( { 'realistic': 'realistic', 'solid': 'solid', 'normals': 'normals', 'wireframe': 'wireframe' } );
- shadingSelect.setValue( 'solid' );
- shadingSelect.onChange( function () {
- editor.setViewportShading( this.getValue() );
- } );
- container.add( shadingSelect );
- signals.editorCleared.add( function () {
- editor.setViewportCamera( editor.camera.uuid );
- shadingSelect.setValue( 'solid' );
- editor.setViewportShading( shadingSelect.getValue() );
- } );
- signals.cameraResetted.add( update );
- update();
- //
- function update() {
- const options = {};
- const cameras = editor.cameras;
- for ( const key in cameras ) {
- const camera = cameras[ key ];
- options[ camera.uuid ] = camera.name;
- }
- cameraSelect.setOptions( options );
- const selectedCamera = ( editor.viewportCamera.uuid in options )
- ? editor.viewportCamera
- : editor.camera;
- cameraSelect.setValue( selectedCamera.uuid );
- editor.setViewportCamera( selectedCamera.uuid );
- }
- return container;
- }
- export { ViewportControls };
|