12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- import { UIButton, UIRow, UIText } from './libs/ui.js';
- function SidebarMaterialProgram( editor, property ) {
- const signals = editor.signals;
- const strings = editor.strings;
- let object = null;
- let materialSlot = null;
- let material = null;
- const container = new UIRow();
- container.add( new UIText( strings.getKey( 'sidebar/material/program' ) ).setClass( 'Label' ) );
- const programInfo = new UIButton( strings.getKey( 'sidebar/material/info' ) );
- programInfo.setMarginRight( '4px' );
- programInfo.onClick( function () {
- signals.editScript.dispatch( object, 'programInfo' );
- } );
- container.add( programInfo );
- const programVertex = new UIButton( strings.getKey( 'sidebar/material/vertex' ) );
- programVertex.setMarginRight( '4px' );
- programVertex.onClick( function () {
- signals.editScript.dispatch( object, 'vertexShader' );
- } );
- container.add( programVertex );
- const programFragment = new UIButton( strings.getKey( 'sidebar/material/fragment' ) );
- programFragment.setMarginRight( '4px' );
- programFragment.onClick( function () {
- signals.editScript.dispatch( object, 'fragmentShader' );
- } );
- container.add( programFragment );
- function update( currentObject, currentMaterialSlot = 0 ) {
- object = currentObject;
- materialSlot = currentMaterialSlot;
- if ( object === null ) return;
- if ( object.material === undefined ) return;
- material = editor.getObjectMaterial( object, materialSlot );
- if ( property in material ) {
- container.setDisplay( '' );
- } else {
- container.setDisplay( 'none' );
- }
- }
- //
- signals.objectSelected.add( update );
- signals.materialChanged.add( update );
- return container;
- }
- export { SidebarMaterialProgram };
|