Earlier I had published 2 articles that described Windows 8 Live tiles

The original Article and the Update1

I had also published an Easing Library for VFP which used Robert Penner's Easing Functions converted by me for use in VFP. Since I liked those easing functions, I decided to put them in a class and add them to the Windows 8 Tiles project so that the Win8 Live tiles now have Easing. Here is the sample below.(excuse the blurred colours. That is because GIF's have only 256 colours)

I have added the easing Functions Library as a class in the Win8 Live Tiles class and each tile has some form of easing. Notice how the top right bottom-middle tiles sort of bounce?

Using it is simplicity itself by just adding the easing  class to the tile, as you will see and by opening the Timer method and changing how the tile position is updated using the easing functions.

There is one caveat. Because the tiles use a VFP timer, you may need to adjust its INTERVAL property to avoid getting "timer overlap",  so do not go below 10ms for any timer. Better to keep it at 15 ms or more and adjust the timercount increment property for varying the speed of easing the animation.

With the timercount property:

- the smaller the increment (e.g. .timercount = .timercount + .005) the slower the animation for the same timer interval.

- changing it to a larger increment (e.g. .timercount = .timercount + .02) will speed up the animation

Have a go at creating your own tiles and adding easing. It really gives a better look to your tiles.

The updated files (including the easing class) with complete source are included below.

bbWin8Tiles v1.3

8 Responses to Windows 8 Live Tiles Get Easing

Leave a Reply

Your email address will not be published. Required fields are marked *