Sprite animation and sync - how to control it

Author

Message

Timshark

17

Years of Service

User Offline

Joined: 30th Jun 2007

Location: Oslo, Norway

Posted: 15th Apr 2013 01:19 Edited at: 15th Apr 2013 01:20

Link

I have a sprite with a "climb stair" animation (a humaoind climbing stairs in a sideway perspective) where I have to move the sprite x,y-wise at certain frames in the animation. This does not work well with playSprite and Sync() as the frame is shown before it is moved.

How do Move the sprite at a certain frame before it is drawn. Do I have to go completely manual with Update(), Render and swap?

Back to top

Profile PM

Grumpy Jedi

14

Years of Service

User Offline

Joined: 16th Jan 2010

Location:

Posted: 15th Apr 2013 08:13

Link

Maybe something like this?

if GetSpriteCurrentFrame( iSpriteIndex ) = FrameToMoveOn
// Your movement code
Endif

Back to top

Profile PM Email Website

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Apr 2013 10:08

Link

Timshark, it might help if you could show us your code so we can tell you where you are going wrong.

If you are using a spritesheet you can load the animation frames as follows:
SetSpriteAnimation( iSpriteIndex, iFrameWidth, iFrameHeight, iFrameCount )

If your image is 512x512 and contains 4 images then this would become:
SetSpriteAnimation( iSpriteIndex, 256, 256, 4)

Then you can either use:
PlaySprite( iSpriteIndex, framesPerSecond, loopAnimation )

For example:
PlaySprite( iSpriteIndex, 30, 1)
this would play your animation at 30 frames per second and loop constantly from the last frame back to the first.

Or you can manually keep track of the current frame and set the animation frame yourself:
frame = 1
iSpriteIndex = createSprite( "image.png" )
SetSpriteAnimation( iSpriteIndex, 256, 256, 4)
SetSpriteFrame( iSpriteIndex, frame )

I will add a snippet for sprite animation to the snippets thread later.

this.mess = abs(sin(times#))

Back to top

Profile PM Email

Timshark

17

Years of Service

User Offline

Joined: 30th Jun 2007

Location: Oslo, Norway

Posted: 15th Apr 2013 14:01

Link

Baxslash,

This is the test I've done, and here I manually set the frame in the main loop. This works, but Then I don't have the luxury of setting the
speed of the animation with playsprite.

+ Code Snippet

LoadImage(1,"Climb.Png")
CreateSprite(1,1)
SetSpriteAnimation(1,223,267,16)

SetSpritePosition(1,0,300)

setSpriteFrame(1,1)

CFrame=1


do
    if CFrame<16
    CFrame=CFrame+1
    SetSpriteFrame(1,CFrame)
    else
    setSpriteFrame(1,1)
    CFrame=1
    endif
    if CFrame=1
    setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    endif
    if CFrame=9
        setSpritePosition(1,GetSpriteX(1)+89,GetSpriteY(1)-32)
    Endif

sync()
loop

This is the test with playsprite that didnt work for me:

+ Code Snippet

LoadImage(1,"Climb.Png")
CreateSprite(1,1)
SetSpriteAnimation(1,223,267,16)

SetSpritePosition(1,0,300)

setSpriteFrame(1,1)

CFrame=1
playsprite(1,4)

do
    if getspriteCurrentFrame(1)=1 and CFrame=1
    setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    CFrame=2
    elseif getspriteCurrentFrame(1)=9 and CFrame=2
    setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    Cframe=1
    endif
    sync()
loop

So now I have 2 questions -
1:
In the first example - how do Control the speed of the animation without influencing the speed of the mainloop?

2:
In the second example I use CFrame to make sure the sprite isn't moved more than one time at a certain frame - but the frame is still shown at the wrong position a short momemt before it is moved. How do I fix this?

Back to top

Profile PM

baxslash

Valued Member

Bronze Codemaster

17

Years of Service

User Offline

Joined: 26th Dec 2006

Location: Duffield

Posted: 15th Apr 2013 15:01

Link

You can set the speed in the first example like this:

+ Code Snippet

LoadImage(1,"Climb.Png")
CreateSprite(1,1)
SetSpriteAnimation(1,223,267,16)

SetSpritePosition(1,0,300)

setSpriteFrame(1,1)

CFrame=1


do
    if timer()>animTime#
        animTime# = timer() + (1.0/30.0) `for 30 frames per second
        if CFrame<16
            CFrame=CFrame+1
            SetSpriteFrame(1,CFrame)
        else
            setSpriteFrame(1,1)
            CFrame=1
        endif
    endif
    if CFrame=1
        setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    endif
    if CFrame=9
        setSpritePosition(1,GetSpriteX(1)+89,GetSpriteY(1)-32)
    Endif

sync()
loop

I'm not really sure I understand your second question. Maybe you could post or email me a copy of the image so I can compile the project?

this.mess = abs(sin(times#))

Back to top

Profile PM Email

Timshark

17

Years of Service

User Offline

Joined: 30th Jun 2007

Location: Oslo, Norway

Posted: 15th Apr 2013 15:29 Edited at: 15th Apr 2013 15:34

Link

Ah. Great. I think I will go for that code Baxslash - it gives me the control I need.

I solved the second example just after I posted. I had to run the update command before I moved the sprite and then run render and Swap after.

+ Code Snippet

LoadImage(1,"Climb.Png")
CreateSprite(1,1)
SetSpriteAnimation(1,223,267,16)

SetSpritePosition(1,0,300)

setSpriteFrame(1,1)

CFrame=1
playsprite(1,4)

do
    Update(0)
    if getspriteCurrentFrame(1)=1 and CFrame=1
    setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    CFrame=2
    elseif getspriteCurrentFrame(1)=9 and CFrame=2
    setSpritePosition(1,GetSpriteX(1)+38,GetSpriteY(1)-32)
    Cframe=1
    endif
    render()
    Swap
loop

thanks a lot, yet again

Back to top

Profile PM

Sorry your browser is not supported!

AppGameKit Classic Chat / Sprite animation and sync - how to control it