Picker

Example

//////////////////////////////////////////////////////////////////////////////
// Update a material's diffuse texture with the item selected in the
// NativeUI picker
//
// Project setup:
// * One material: material0
// * Three textures: texture0, texture1, texture2
// * One plane with material0 set as its material
//
// Required project capabilities:
// * NativeUI > Picker
//
//////////////////////////////////////////////////////////////////////////////


// Load in the required modules
const NativeUI = require('NativeUI');
const Materials = require('Materials');
const Textures = require('Textures');


(async function () {  // Enables async/await in JS [part 1]

    // Create a reference to the NativeUI's picker object
    const picker = NativeUI.picker;

    // Locate the material and textures in the project
    const [mat, tex0, tex1, tex2] = await Promise.all([
        Materials.findFirst('material0'),
        Textures.findFirst('texture0'),
        Textures.findFirst('texture1'),
        Textures.findFirst('texture2')
    ]);

    // A JSON configuration for the picker object, with an initial index and
    // the items to include in the picker
    const configuration = {
      selectedIndex: 0,
      items: [
        {image_texture: tex0},
        {image_texture: tex1},
        {image_texture: tex2}
      ]
    };

    // Configure the picker with the previously created configuration
    picker.configure(configuration);

    //Display the picker
    picker.visible = true;

    // Assign the first item from the configuration as the material's 
    // diffuse texture
    mat.diffuse = configuration.items[0].image_texture;

    // Update the material's diffuse texture with the currently selected item
    // in the picker
    picker.selectedIndex.monitor().subscribe(function(index) {
        mat.diffuse = configuration.items[index.newValue].image_texture;
    });

})(); // Enables async/await in JS [part 2]

Properties

(get) selectedIndex: ScalarSignal
(set) selectedIndex: ScalarSignal

(get) (Not Available)
(set) visible: BoolSignal | boolean

Methods

configure(config: {items: Array<{id?: string, image_texture: ImageTexture | string, title?: string, tooltip?: string}>, selectedIndex?: number}): Promise<void>