[WIP] Preview Tween

Preview Tween is a new tween system built around providing an intuitive inspector editor and the ability to preview your tween directly in edit mode while making changes.

The full source is available on github here.
A demo project with a few samples is available here. (This might be outdated, but the one on the readme page from github should always be up to date.)
A small video walk through can be viewed here

Here is what the basic tween position looks like.
3103645--234394--upload_2017-6-10_16-51-32.png
Some features include:

  • Video like control bar with play, pause, jump to start, jump to end options.
  • Can also slide the blue progress bar along yourself.
  • Red 1 and 2 buttons are used to store the current value as either the start or end, allowing you to edit the values directly in the scene without having to type in numbers manually.
  • Tested using automated tests, which are also included.
  • Lots of easing modes supported as well as creating a custom curve.

Currently you can only download the package on github, but I will add it to the asset store once there are a few more supported tweens. Currently you can only do position, rotation and scale.

Any feedback would be greatly appreciated.
I will try and answer any questions as well.

3103645--234393--upload_2017-6-10_16-50-16.png

1 Like

3133374--237425--upload_2017-7-4_22-38-11.png
I spent a little time today adding a few more tween types related to UI components.

  • Tween Graphic Color: Which allows you to tween text, image and raw image UI components
  • Tween Canvas Alpha: Which allows you to tween the alpha value on canvas groups, which I have used a lot for fade in and fade out effects.

A new build is on Github here: Releases · miniscruff/preview-tween · GitHub
Feedback on the process of using existing tweens as well as the process for creating new tween types would be appreciated.

2 Likes

Cool, I can use this!

Awesome, let me know if you need any assistance or have any requests.

1 Like