Awesome

UI Tweening Libary for UE4/UMG

Create simple tweens for UMG widgets from C++.

UBUITween::Create( SomeWidget, 0.2f )
	.FromTranslation( FVector2D( -100, 0 ) )
	.FromOpacity( 0.2f )
	.ToTranslation( FVector2D( 20, 10 ) )
	.ToOpacity( 1.0f )
	.Begin();

Usage

The plugin module registers itself to tick automatically even during game-world pause.

// Make UWidget MyWidget fade in from the left
const float TweenDuration = 0.7f;
const float StartDelay = 0.3f;
UBUITween::Create( MyWidget, TweenDuration, StartDelay )
	.FromTranslation( FVector2D( -100, 0 ) )
	.FromOpacity( 0.2f )
	.ToReset()
	.Easing( EBUIEasingType::OutCubic )
	.Begin();

Parameters available:

Property	From	To
Translation	`FromTranslation( FVector2D)`	`ToTranslation( FVector2D )`
Scale	`FromScale( FVector2D )`	`ToScale( FVector2D )`
Rotation	`FromRotation( float )`	`ToRotation( float )`
Opacity	`FromOpacity( float )`	`ToOpacity( float )`
Color	`FromColor( FLinearColor )`	`ToColor( FLinearColor )`
Visibility	`FromVisibility( ESlateVisibility )`	`ToVisibility( ESlateVisibility )`
Canvas Position	`FromCanvasPosition( FVector2D )`	`ToCanvasPosition( FVector2D )`
SizeBox Max Height	`FromMaxDesiredHeight( float )`	`ToMaxDesiredHeight( float )`
Slot Padding	`FromPadding( FMargin )`	`ToPadding( FMargin )`

Other helper functions:

ToReset()

Callbacks

UBUITween::Create( MyWidget, 0.5f )
	.FromRotation( -90 )
	.ToRotation( 45 )
	.OnComplete( FBUITweenSignature::CreateLambda([]( UWidget* Owner ) {
		// Do some logic on complete
	} ) )
	.Begin();

For the full API, check the source code.

Caveats

I haven't performance-tested it beyond having 5-6 tweens running simultaneously.
No Blueprint support.

License

CC0

Contact

If you find it useful, drop me a line @_benui on Twitter

benui.ca