Skip to main content

Interface: UiColorTransitionEcsComponent

Defined in: ui/components/ui-color-transition-component.ts:37

Fields of UiColorTransitionEcsComponent with a sensible default; callers may omit these.

Extends​

Properties​

disabledColor​

disabledColor: Color

Defined in: ui/components/ui-color-transition-component.ts:25

Tint while deriveUiInteractionVisualState is disabled.

Inherited from​

UiColorTransitionDefaultedOptions.disabledColor


duration​

duration: number

Defined in: ui/components/ui-color-transition-component.ts:28

How long, in milliseconds, a tint change takes to fully ease in.

Inherited from​

UiColorTransitionDefaultedOptions.duration


easing​

easing: (t) => number

Defined in: ui/components/ui-color-transition-component.ts:34

The easing function driving the tint change, one of animations/easing-functions. Defaults to linear.

Parameters​

t​

number

Returns​

number

Inherited from​

UiColorTransitionDefaultedOptions.easing


elapsedMilliseconds​

elapsedMilliseconds: number

Defined in: ui/components/ui-color-transition-component.ts:57

Milliseconds elapsed in the current tween. System-owned, written by createUiTransitionEcsSystem; read-only to callers.


fromColor​

fromColor: Color

Defined in: ui/components/ui-color-transition-component.ts:51

The tint the current tween started from. System-owned, written by createUiTransitionEcsSystem whenever targetState changes (so a mid-tween state change eases from the color actually on screen, not from the previous target); read-only to callers.


hoverColor​

hoverColor: Color

Defined in: ui/components/ui-color-transition-component.ts:19

Tint while deriveUiInteractionVisualState is hover (hovered or focused).

Inherited from​

UiColorTransitionDefaultedOptions.hoverColor


normalColor​

normalColor: Color

Defined in: ui/components/ui-color-transition-component.ts:16

Tint while deriveUiInteractionVisualState is normal.

Inherited from​

UiColorTransitionDefaultedOptions.normalColor


pressedColor​

pressedColor: Color

Defined in: ui/components/ui-color-transition-component.ts:22

Tint while deriveUiInteractionVisualState is pressed.

Inherited from​

UiColorTransitionDefaultedOptions.pressedColor


targetState​

targetState: UiInteractionVisualState

Defined in: ui/components/ui-color-transition-component.ts:43

The visual state the current tween is easing towards. System-owned, written by createUiTransitionEcsSystem when the derived visual state changes; read-only to callers.