Input Color - IRobot1/ng3-vr-examples GitHub Wiki

Show color. Interact to open color picker

image

Code

Inputs

Name Type Default Description
text string Theme button color (#505050) #rrggbb text color
enabled boolean true When true, color can be changed. When false, interaction is disabled
width number 0.4 Width of color box in meters
height number 0.1 Height of color box in meters
outlinematerial LineBasicMaterial Theme outline material (color white) Outline material. Set to override with custom material
selectable InteractiveObjects undefined Add to list of objects ray caster can test for overlap
geometry BufferGeoemtry Rounded rectangle shape Override to provide your own button geometry

Outputs

Name Type Description
change string Triggered when color changed. Event contains new color
openinput Object3D Triggered when interaction requested. Event contains mesh showing color

Examples

<flat-ui-input-color #color [text]="panelcolor" [selectable]="selectable" (openinput)="opencolor($event, color)">
</flat-ui-input-color>

<flat-ui-input-color #color [text]="colorvalue" [selectable]="selectable" [enabled]="item.enabled"
                     (change)="colorvalue=$event" (openinput)="input.opencolor($event, color)">
</flat-ui-input-color>