Color Transition Package

Hi All,
We've just released the first version of our Color Transition Package.

It contains components that allow the user to create fully customizable color animations from editor and from code. Our purpose was to create a useful tool both for artists and programmers.

Moreover, we have realized an Highlighter component too, that creates highlight animations and a Dissolve-fade component for fullscreen fade effects.

Now we are working on a new highlight mode based on outline. We are still determining what's the best technique keep best performances (all the component are mobile-friendly, and we want to create an outline effect as cheap as others). Any suggestion?

On the official page and on the asset store you can read more about the package.
Some videos are present too in both the pages (the same shown below).

We are now interested in improving the usability of the components of the package that we have already published.
We'd like to ask you if the controls are enough intuitive and if you have any suggestion about them.

Moreover, do you think that the name "Color Transition Package" is relevant enough?

Do you like the artwork I've used for the logo?

What's missing in this package in your opinion?

Color Transition component

Highlighter component

Dissolve effect component

 

Hi Alexandros,

I've tried your package and it is really nice for any kind of purpose involving object color variations, highlights, flashing, and very flexible about general graphic solutions, with minimum efforts.
Keep up the good work and thank you! This will be part of my personal toolbox ;-)

 

[UPDATE 01] Next Steps:

• Outline highlight
• WebGL Demo
• Texture managing and mixing
• Texture mapping

any other suggest?

 

[UPDATE 02] Outliner

We are working now on outline effect.
This will be an highlight option in the final release.

Note: we are not using the common outline method based on vertex move along the normal (usually implemented with weel known old Silhouette-Outlined shader). The solution presented in the link causes no reliable solutions on low-poly meshes and angular models (like cubes).
We use instead a shader based post-effect solution extremely cheap and mobile friendly.

Here’s the partial results

This is the starting scene…​

this is the original scene, and we want to highlight the 2 cubes and the sfere with the outline effect

…and this is the current outline effect
​

Here it is want we have obtained… for the moment

…we just need to restore the original background! ​

 

[UPDATE 03] Outliner

We finally got it!
Our outline is an image effect designed to be extremely cheap and mobile friendly.
It uses just two simple shaders and 2 blit operations!

We are very proud of the result!
In the last screenshot we were showing an early working result, but we've soon discovered an hateful bug occurring for moving objects: the render texture was looking corrupted, and an odd trail was shown along the trajectories of the moving objects.


The wrong result for moving objects - the static objects (cubes and spheres) look right, but the butterfly is leaving an unwanted trail

We couldn't explain why it was not working correctly.
We supposed that for any reason, a render texture was corrupted when blit was done...
After MANY tests, we finally figured it!
It was NOT a render texture issue... it was just about blending!

In the first shader we use to draw the colored outline, we have set - WITH ABSOLUTELY NO REASON - the blending mode to

Code (CSharp):

1. Blend SrcAlpha OneMinusSrcAlpha

the tipical blending mode used for additive effects, like particle systems.

Now we have just switched it to

Code (CSharp):

1. Blend Off

and magically everything works fine.

Here it's the good result


The right result we have obtained!

Next step before our new release is the integration of the outline in our Highlighter and make it work with VR applications too..

Stay tuned! ;-)

 

[UPDATE 04] New release ready

New year, new release!
Here it's coming a new version of the Color Transition Package.
Main new features:

• outline effect for highlighter
• many other minor changes

 

Did you managed to get the outline working in VR?