ColorSlider
import { ColorSlider } from 'pixi-silk/ui/color';
A gradient track for one channel. The track shows what each position would give with the rest of the colour unchanged, so moving the hue recolours the saturation track and so on.
Extends#
Constructors#
Constructor#
new ColorSlider(options: ColorSliderOptions): ColorSlider;
Parameters#
| Parameter | Type |
|---|---|
options | ColorSliderOptions |
Returns#
ColorSlider
Overrides#
Properties#
| Property | Modifier | Type | Description | Inherited from | Defined in |
|---|---|---|---|---|---|
channel | readonly | ColorChannel | The channel this track edits. | - | ui/color/ColorSlider.ts:126 |
model | readonly | ColorModel | The colour this picker edits. Share it to link pickers. | ColorPicker.model | ui/color/ColorPicker.ts:36 |
state | readonly | ColorPickerState | Signals to read. See ColorPickerState. | ColorPicker.state | ui/color/ColorPicker.ts:38 |
Accessors#
length#
Get Signature#
get length(): number;
Track length in local units.
Returns
number
thickness#
Get Signature#
get thickness(): number;
Track thickness in local units.
Returns
number
Methods#
destroy()#
destroy(options?: DestroyOptions): void;
Stops the animation and unsubscribes from the model. The model stays usable. Destroys children by default.
Parameters#
| Parameter | Type |
|---|---|
options? | DestroyOptions |
Returns#
void
Inherited from#
tick()#
tick(dt: number): boolean;
Advances the animation by dt seconds (only needed with ticker: null). Returns true while moving.
Parameters#
| Parameter | Type |
|---|---|
dt | number |
Returns#
boolean