Skip to main content

Function: createUiTransitionEcsSystem()

createUiTransitionEcsSystem(time): EcsSystem<[UiColorTransitionEcsComponent, UiInteractableEcsComponent, SpriteEcsComponent]>

Defined in: ui/systems/ui-transition-system.ts:57

Creates a system that eases a SpriteEcsComponent.tintColor towards whichever of a UiColorTransitionEcsComponent's normalColor/ hoverColor/pressedColor/disabledColor matches the entity's UiInteractableEcsComponent, per deriveUiInteractionVisualState - giving buttons hover/press/disabled visual feedback via the engine's existing easing functions (animations/easing-functions), with no transition component having to know whether the state came from a pointer or a gamepad.

Should be registered after createUiInteractionEcsSystem and createUiNavigationEcsSystem (it reads the interaction state they write) and before createRenderEcsSystem.

Parameters​

time​

Time

The time instance driving the tween.

Returns​

EcsSystem<[UiColorTransitionEcsComponent, UiInteractableEcsComponent, SpriteEcsComponent]>

The UI transition ECS system.