Assets Beautiful Transitions - Quickly add beautiful Scene, Camera, UI and Gameobject transitions

Hi All.

Our new asset Beautiful Transitions just got approved onto the asset store. It lets you simply and easily create beautiful transitions for your UI, gameobjects and scenes with just a few clicks.

Features include:

• Scene and cross scene transitions including fade and different wipes.
• Camera and cross camera transitions including fade and different wipes.
• Scale, Fade, Move and Animate UI elements and gameobjects.
• Auto start transitions or trigger through code.
• Simply create your own custom wipes in any graphics program.
• Combine, chain and nest transitions.
• Shake camera (or other gameobject) function.
• Select from a number of preset transition curves, or add your own.
• User friendly GUI with visual curves.
• Full scripting API.
• Easy to extend.
• UI animation extensions
• Integration with Game Framework including custom Actions
• and more...

The following promotional video demonstrates some of these concepts:

We have some exciting things planned for this asset and will update here with progress.

Check it out and let us know if you have any input, suggestions or comments.

Regards,
Mark

Asset Store Link

Check out also my FREE Game Framework asset!

 

Working on adding some cool new screen transitions to complement the existing UI and gameobject transitions that are included in Game Framework through the bundled Beautiful Transitions asset.


Note that Beautiful Transitions is now bundled with the latest paid version of Game Framework as the preferred way of doing transitions. An upgrade option is provided.

 

Submitted version 1.0 to the asset store which includes the new screen and camera transitions + a demo that shows how they work.

Working on some documentation on usage at: http://www.flipwebapps.com/beautiful-transitions/

 

Here is a short clip from the screen and camera transitions demo in the upcoming v1.0 release. Just add a component to transition in and 1 line of code to transition out.

 

UI / Gameobject Rotate transition is now added and in the latest submitted update..

 

V1.1 is now out in the asset store:

Improvements
- New Rotate UI / Game Object transition.
- Transition core code refactor.

Fixes
- Demo Black tint was setting wrong color.

Next up custom animation curves and improved inspector window.

 

Adding functionality so you can visualize the different transition curves available and specify your own custom curves.

 

V1.2 is now out in the asset store:

Improvements
- Added the ability to define your own animation curves.
- Added Property Tool Tips.
- Added Custom Property Editor for improved UI.
- Added help link to components

Fixes
- Demo scene camera demo correctly only runs the specified transition.
- iTween bug where start transition value was not always set until after 1 frame.
- A disabled component would wrongly be run when placed as a nested transition.

Asset Store Link

Just finalising also the next update which will include the above improved editor and remove the need for iTween for some of the animation curves.

 

Just submitted the next update to the asset store - improved visual editor and remove the need for iTween for some of the animation curves giving better control and improved performance

 

v2.0 is now out in the asset store that removes the need for iTween and includes the visual curve graphs directly in the inspector so you can see how they work.

Improvements

• All previous transition curves are now built in, removing the dependency on iTween and giving improved performance.
• Updated inspector gui with visual curves.
• Code refactor improvements (if you experience any build errors with your own derived classes that you don't know how to fix then let us know)

Fixes

• Fixed unpredictable handling of concurrent transition calls and multiple calls to the same transition

We already have another update that is almost ready to go that includes shake camera functionality.

 

Added a camera shake function (can also shake any gameobject) which will be in the next version (submitted for approval today). Game is from the Game Framework Pro Bundle .

 

Added a simple scene swap demo to show how to hook up a button click event to a transition out with auto scene loading.

 

v2.1 with the camera shake script is now out...

 

v2.1.1 is out now and is a minor update that fixes an issue where under certain build conditions the shaders would not be included - shaders are moved to a resources folder and there is improved load validation.

 

Transition Start and Complete events will soon be available through the inspector so you can easily hook up other code.

 

Nice to see Beautiful Transitions featured at the top of it's category asset store page (Scripting/GUI). Thanks to everyone that helped get it recognition.

 

Adding support for local, global and anchored values for move, and local and global values for rotate.

 

v2.2 is out with the events mentioned a couple of posts above and some new demo's

• Exposed Transition Start and Complete events through the inspector so you can easily hook up other code.
• Transitions are now shown on the component menu
• Demo: Added Events Demo
• Demo: Added SceneSwap Demo

 

v2.3 is released with support for global and local values and a simplified inspector UI.

Improvements

• Demo: GameObject demo updated to use the new TransitionMove component
• Editor: Simplified inspector UI
• GameObject: Support for global and local rotations
• GameObject: New TransitionMove component with support for global, local and anchored position values.
• GameObject: Deprecated TransitionMoveAnchoredPosition in vavour of new TransitionMove component.

Fixes

• GameObject: TransitionMoveTarget now supports standard Transform and not restricted to using a RectTransform.

Going forward I am looking at exposing more of the functionality through scripting so watch this space...

 

The next update will expose everything through scripting for greater control, including the ability to easily chain and link transition steps together. Just going through final testing...

 

v3.0 is now out and is a complete rewrite that also exposes the asset through a new scripting API (shown in the post above). We have some pretty cool things planned so keep an eye out here for updates.

NOTE: To update you will need to remove the old /FlipWebApps/BeautifulTransitions/ folder before updating, or delete the file
/FlipWebApps/BeautifulTransitions/Scripts/Transitions/GameObject/TransitionMoveAnchoredPosition.cs after updating.

• Rewritten from the ground up to expose the whole API through scripting including calls and notifications.
• GameObject: Removed deprecated TransitionMoveAnchoredPosition component
• Demo: New scripting demo
• Demo: Added auto transition in / out button to GameObject demo

 

Major documentation update is underway... Display Item and shake documentation and demos are now online

http://www.flipwebapps.com/unity-assets/beautiful-transitions/display-items/
http://www.flipwebapps.com/unity-assets/beautiful-transitions/shake/

More to followin the next couple of days for the rest of the features within the asset..

 

General transition overview and screen and camera transitions documentation is ready:

http://www.flipwebapps.com/unity-assets/beautiful-transitions/transitions/
http://www.flipwebapps.com/unity-assets/beautiful-transitions/transitions-screen-and-camera/

Also the full set of demos from the asset are compiled and online on this page:

http://www.flipwebapps.com/unity-assets/beautiful-transitions/

Just gameobject and UI transitions documentation to go...

 

Finalising the next release which will allow for user defined smoothing on screen and camera wipes, including setting the smoothing strength (shown below at 50%).

 

Next version is now submitted for review. Several updates including the smoothing shown above, an attention state for UI animations and several internal improvements.

 

How to do a screen fade from code (without using a component)?

var screenFade = new ScreenFade(gameObject, Color.blue, delay: 1, duration: 1);
screenFade.StartValue = 1;
screenFade.EndValue = 0;
screenFade.Start();

You can also add an onComplete callback to the constructor to be notified when complete. Next release I will add a 'direction' flag to the constructor to avoid the need for the start / end values.

 

When transitioning to / from a target it can be useful to just transition along a particular axis (e.g. move several items horizontally from a start target location). The next release will let you do just this:

 

v3.1 is released with support for smoothing on wipes and several other improvements.

NOTE: To update you will need to remove the old /FlipWebApps/BeautifulTransitions/ folder before updating, or delete the file
/FlipWebApps/BeautifulTransitions/_Demo/DisplayItem/Scripts/TestController.cs after updating.

Improvements

• Demo: Added attention button to the DisplayItem demo scene
• Demo: Shake demo updated with visual controls for modifying the shake settings
• DisplayItem: Removed unnecessary DisplayItemSetInitialState component
• DisplayItem: Added SetAttention and SetActiveAnimated functions to DisplayItemHelper.cs
• General: Added links to documentation and support to the editor menu
• Shake: Moved scripts from ShakeCamera to Shake folder and namespace.
• Shake: Improved tooltip text for ShakeCamera component
• Shake: Renamed Shake method to ShakeCoroutine and added new replacement Shake method that is callable from code.
• Shake: Code documentation improved
• Transitions: Updated component menu name
• Transitions: Screen & Camera wipes now support smoothing.

Fixes

• Fix: Correctly handle transitions that outlive a scene change causing error when transition targets are destroyed.

 

v3.2 is submitted for review with some small but useful updates including a RepeatWhenEnabled option for auto running transitions multiple times, the option to specify the axis on which MoveTarget should work so you can easier move multiple items and just-in-time initial transition setup to avoid issues when a transition component is started from script before it has change to setup...

 

v3.2 is now released and contains some important internal improvements and fixes along with the ability to specify an axis for MoveTarget to easier move multiple items. Details are below:

NOTE: This version contains an important updates relating to initial transition setup. While this should not give any noticeable impact we advise taking a backup copy before upgrading. If you have any issues or problems then please contact us as listed above.

Improvements

• Shake: Updated comments
• Transition: Updated tooltips
• Transition: Deprecated MoveTarget TransitionStep as the functionality is provided by Move (Note: MoveTarget component remains)
• Transition: Added option to specify the axis on which MoveTarget should work so you can easier move multiple items (see GameObjectTransitionsDemo)
• Transitions: Added RepeatWhenEnabled option for auto running transitions multiple times.

Fixes

• Transition: Moved initial transition setup to before transition call to avoid possible execution order issues when using the API

 

Demo of the upcoming cross scene transitions: http://www.flipwebapps.com/demo/beautifultransitions/scene_swap_demo/

 

v4.0 is now released. The big new feature this time is cross scene transitions. Working on finalising the next update that will feature cross camera transitions.

NOTE: Several components and classes have been moved to different namesapces and so if you access the transitions through code you may need
to change your 'using' statements to reflect the new locations. See the change details below for further details.

Improvements

• Demo: SceneSwap demo now demonstrates use of cross scene transitions
• Demo: GameObjectTransitionsDemo demo now demonstrates use of sprite fading
• Transitions: Cross scene transitions added for scene wipes and fades
• Transitions: Fade now works with Sprites.
• Transitions: All components have updated namespaces and are move under FlipWebApps.BeautifulTransitions.Scripts.Transitions.Components.xxx
• Transitions: All abstract classes and components have updated namespaces and are move under FlipWebApps.BeautifulTransitions.Scripts.Transitions.Components.xxx.AbstractClasses
• Transitions: TransitionHelper added TakeScreenshot and LoadScene methods.
• Transitions: TransitionStep Completed method renamed TransitionCompleted
• Transitions: TransitionStep TransitionInternal method renamed TransitionLoop
• Transitions: TransitionStep SetProgress call moved from Start to TransitionLoop for better control

 

Demo of the upcoming cross camera transitions: http://www.flipwebapps.com/demo/beautifultransitions/camera_cross_transition_demo/

 

A bit of a quiet period recently whilst I have been working on some big changes to Game Framework. That said there is a lot of good stuff coming to Beautiful Transition soon. First up here is a preview of Color Transitions using either fixed colors or gradients.

 

Added support for both normal and unscaled time so transitions can now run even if you have paused the rest of your game.

 

Volume transition done

 

Beautiful Transitions now supports using Game Framework (free) Game Actions when a transition starts or ends. In addition you can add your own code callbacks for more custom functionality.

 

Fade transition now supports RawImage, TextMeshPro and MeshRenderer

 

Transitions are now available as Game Framework actions so can be called directly from within Game Framework. Shown below as part of a Game Framework Conditional Action component: