You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
earthquake_3d_viewer_front/three/editor/js/Sidebar.Material.Program.js

74 lines
1.7 KiB
JavaScript

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 };