Creating the Roll animation

In our app, there will be several animations. The first one we will create is to simulate the dice "rolling". We won't create a 3D animation as this goes far beyond the scope of this project, so we'll just change the numbers that are shown to the user, from 1 to 6. We'll reach this result by changing the Fill Opacity of each of the circles that we have placed on the surface of our Rectangle. Perform the following steps:

  1. Create a new animation by clicking the + button in the animations pane, and call it Roll.
  2. Set the duration of the animation to 1 second.
  3. Select all the circles on the dice surface except the central one, by pressing the Ctrl button (cmd on a Mac) on your keyboard and clicking on each circle except ...

Get Flutter Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.