Sprite animation

In this example, we will learn how to create a sprite animation in QML.

How to do it…

Let’s make a horse run across our application window by following these steps:

1. We will need to add our sprite sheet to Qt’s resource system so that it can be used in the program. Open up qml.qrc and click the Add | Add Files buttons. Select your sprite sheet image and save the resource file by pressing Ctrl + S.
2. Create a new empty window in main.qml:

   import QtQuick 2.9
   import QtQuick.Window 2.3
   Window {
       visible: true
       width: 420
       height: 380
       Rectangle {
           anchors.fill: parent
           color: "white"
       }
   }

3. Once you are done with that, we will start creating an AnimatedSprite object in QML:

   import QtQuick 2.9
   import QtQuick.Window 2.3
   Window...