Time for action – Animating characters using sprites

Let's wait no further. The task at hand is to replace the manual animation from the previous exercise with a sprite sheet animation.

Open the Player.qml document, remove the whole image element responsible for displaying the player character, and add the following code:

AnimatedSprite {    id: sprite    source: "images/sprite.png"    frameX: 560    frameY: 0    frameWidth: 80    frameHeight: 52    frameCount: 7    frameRate: 10    interpolate: true    width: frameWidth    height: frameHeight    running: player.walking    anchors.bottom: parent.bottom    anchors.horizontalCenter: parent.horizontalCenter    transform: Scale {        origin.x: sprite.width / 2        xScale: player.facingLeft ? -1 : 1    }} 

Get Game Programming using Qt 5 Beginner's Guide - Second Edition 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.