Now that our game arrive in the final stage, and with the one week extention of the deadline, I wanted to add more for the introduction. A propper introduction give the basic of the lore to the player to properly enjoy what the game has to offer. And for now, we only have a tiny message window, wheras we have written a story. So let’s fix this, and with the help of the Animations widgets.

Animations widgets ?

Basicly, there widget have been added to add the possibility of animating things. In fact, the widget list is pretty long with some varieties of movement allowed from the Fade to linear or non linear movement, you just need to find the right widget for you. I will not go into detail, has all widget may have diffrent attribute and functions that can be triggered. The Flutter documentation explain all you need to know for each widget.

The Flutter documentation for animations widgets can be found here : https://docs.flutter.dev/ui/widgets/animation

What to build

At this stage, my idea is to simply build a mini comic strip with few animations to understand what his happening at the player and why we have joined the mission.To create this, I have started by creating four diffrent box to have some image on it:

 

Then, I added some images to each to tell the story. But that is not all, in fact, without animation, it is pretty boring to look and it does not impact us. So, to better handle that, I have used the famous animations widget!
There are a lot of different animation types, as you can see in the documentation linked previously. I have chosen to use those:
The AnimatedCrossFade Widget makes the transition between the gray box and the images.

The AnimatedAlign Widget to make a letter fly to the mailbox.
And the AnimatedRotation widget to make a cool effect on the journal.

The result

In the end, I find our new introduction pretty cool with an understandable story. If you want to try it, you can, by joining our game 😉 Join our game !