Awesome Open Source
Awesome Open Source

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



Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
C Plus Plus (246,624
Plugin (113,594
Animation (17,682
Unreal Engine (2,323
Ue4 (792
Tween (713
Umg (9