Creating a Transition using Opacity

1

Attached Files

The following files have been attached to this tutorial:

.capx

transition-tutorial.capx

Download now 598.94 KB

Stats

1,468 visits, 1,820 views

Tools

Translations

This tutorial hasn't been translated.

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 27 Dec, 2014. Last updated 19 Feb, 2019

Recently I made a new game and wanted to implement subtle fade in and fade out transitions. In the past I had used an example from a previous tutorial using the "Brightness" effect. However, I found the example to be a bit difficult to understand and unreliable.

After a recent re-examination of that example, I've put together an alternative solution that I believe is a far more elegant coding approach and easier to understand. In addition, I used the opacity setting rather than using the "Brightness" effect, making it work in any browser or any mobile device regardless of platform. However, you could modify this example an use the "Brightness" effect rather than using opacity by adding the "brightness" effect to each layout modifying the example I provide accordingly.

I also add a little bit of disabled code as an alternative example on how to trigger changes based on the changes of the global variable "Fade" rather than being triggered when the numeric values of the Global variable Fade_Out" are reached. Of coarse you'll have to download the capx see what I'm talking about.

I hope thisis example will also help you to understand how to manipulate numeric values of effects and other process requiring numeric values.

The capx is well commented and the code is easy to copy to any project.

Hope you enjoy it, learn from it, and find it useful!

.CAPX

transition-tutorial.capx

Download now 598.94 KB
  • 0 Comments

Want to leave a comment? Login or Register an account!