February

We are going to work on simple Windows Phone game and see how SvFx can fit in this area. It would be great if you can send us ideas and suggestions and we'll try to implement them for you.

It can be something you might use in your free time. And it can be something you will use again and again.

We are going to use SvFx library for Windows Phone in game development. This way we can see how SvFx can be helpful in this area. Plus we will polish all corners of the product. It should be also very exciting. So please post your suggestions.

Note, it should not be a complex game. It will be something that we'll create in 5-6 steps, and we're going to blog about each step of development. And of course everything here will be free. You wish - and we try to implement ;)

So, lets start. Here is the first step. Empty Windows Phone application.

And the first question is: What would you like to see in the game?

We're waiting for your comments. It can be a simple reply in twitter: "I do not like games", "I like this idea", "I like arcade" and so on.

Each time when you need to use something more advanced then regular ContentControl, when you need to dynamically change any content on your page like text, images or any FrameworkElements, when you need to navigate through Pages and use animations for that - you need to use TransitionControl.

The following image shows TransitionControl inside Windows Phone application.

Download Source

Let's see steps required to create such application:

First, we need to add 3 assembly references from the installation folder: Cellbi.SvCommon.dll, Cellbi.SvEffects.dll and Cellbi.SvTransitionControl.dll as shown below.

Next we add new namespace prefix for the TransitionControl.

Place TransitionControl declaration into the ContentPanel (inside MainPage.xaml).

Now we can select animation type from the list of built-in patterns.

Now we can set TransitionControl's content. We'll use images, however it is possible to use any content.

TransitionControl can manage animation of text by symbols, words and lines using ready animation patterns.

Let's add code to change content on click.

Include new images into the project.

Use the first image as a default content of the TransitionControl.

And add some code to manage content change on click.

We are done. You can use PatternType property to change animation type. There are for about 500 animation patterns and this will not require any changes in the code behind.

It is possible to add your own animation patterns into patterns gallery or change existing animation easily. Read more on this this in the previous article.