This example demonstrates the use of arbitrarily complex data structures for the startValue and endValue set-get properties of a Uize.Fade instance.
Click the button down below to see the fade in action. Clicking this button initiates the random generation of start and end colors for two different rows, so four colors in all. Each of these RGB colors is represented internally as an object, having red, green, and blue properties. When the fade is started, the start color objects for the two rows are packed into an array for the startValue set-get property of the fade, and the end color objects for the two rows are packed into an array for the endValue set-get property. On each update in the fade, the value set-get property is an array containing two color objects for the two rows. These color objects are the blended values, per the current position in the fade process.
| Left Colors | Faded Colors | Right Colors |