How QML cycle sprites?

[cochise]

God question.

If you use QML with Qt app you can use qtimer for change the source property.
if you using javascript you can use timeout unction.

[jkosonen]

But you need to add some kind of timer? you can't just animate the image with plain QML syntax?

[cochise]

well a "quick" search show-me "this":http://doc.qt.nokia.com/4.7/qml-animatedimage.html

[DenisKormalev]

It will help you only if you have ready gif file. If you have animation in one jpg file or if you multiple files (one for each frame) it will not help you

[cochise]

i not try with tiff files. Maybe work.

Create a image with many layers as positions is easy. The problem is the gif poor quality.

[jkosonen]

Yes, i was interested when you have the animation in one jpg (or other format) file... but maybe that's not possible currently with QML then...

[Kxyu]

It's surely possible, and there are several ways to implement this
keywords are Image, Timer and crop

[jkosonen]

Cool, thanks, found info about the timer with google, but how does that image cropping work?

[Kxyu]

ups, sorry, just a mistake. i mean clip. works like this:

@import Qt 4.7

Rectangle {
id:screen
width:1024
height:600
Item{
id:spriteAnimation
property int framesCount:8
property int currentFrame:0

    anchors.centerIn:parent
    clip:true

    height:spriteAnimationImage.height
    width:spriteAnimationImage.width/framesCount


    Image{
        id:spriteAnimationImage
        source:"http://chikuyonok.ru/u/2009/05/elephant.jpg"
        y:0
        x:-spriteAnimation.width*spriteAnimation.currentFrame
    }
}

Timer{
    id:spriteAnimationTimer
    interval:50
    running:true
    repeat:true
    onTriggered:{
        spriteAnimation.currentFrame++
        spriteAnimation.currentFrame%=spriteAnimation.framesCount
             }
}

}
@

[jkosonen]

Hey thanks!