About changing animations after keypresses

Author

Message

Cuurian

7

Years of Service

User Offline

Joined: 17th May 2016

Location: Hermosillo, Mexico

Posted: 17th May 2016 05:22

Link

Hi Guys, Im having a little problem trying to make the following:
Im trying to make a platforming game, where im using spritesheets as animations, i want the character to move left and right, then change animations depending of which position is the character facing

The code is a mess and i did not put any input code yet, but i need a way to switch animations when, for instance the left or right key are pressed, then stop the animation when the buttons are unpressed

theres the sample, messy code, where depending of the variable "Cuurian" (character's name) is the animation it shows.

// Project: Cuurian 
// Created: 2016-05-15

// set window properties
SetWindowTitle( "Cuurian" )
SetWindowSize( 640, 480, 0 )

// set display properties
SetVirtualResolution( 320, 240 )
SetOrientationAllowed( 1, 1, 1, 1 )
    
// X and Y Coordinates of player
PlayerX=20
PlayerY=20   
    
    // create a sprite with ID that has no image
Cuurian=3

//Load Background image, Image 5 is reserved for background pic
BG = LoadImage ( "Bg1.png" )
back = CreateSprite ( BG )

select Cuurian
case 1
LoadImage ( 1, "CuurianPI.png" )
CreateSprite ( Cuurian, 1 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 58, 98, 60 )
endcase
case 2
LoadImage ( 2, "CuurianCI.png" )
CreateSprite ( Cuurian, 2 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 82, 107, 60 )
endcase
case 3
LoadImage ( 3, "CuurianCD.png" )
CreateSprite ( Cuurian, 3 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 82, 107, 60 )
endcase
case 4
LoadImage ( 4, "CuurianPD.png" )
CreateSprite ( Cuurian, 4 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 58, 98, 60 )
endcase

endselect

PlaySprite ( Cuurian, 60, 1, 1, 60 )

do
    Sync ( )
loop

+ Code Snippet

// Project: Cuurian 
// Created: 2016-05-15

// set window properties
SetWindowTitle( "Cuurian" )
SetWindowSize( 640, 480, 0 )

// set display properties
SetVirtualResolution( 320, 240 )
SetOrientationAllowed( 1, 1, 1, 1 )
    
// X and Y Coordinates of player
PlayerX=20
PlayerY=20   
    
    // create a sprite with ID that has no image
Cuurian=3


//Load Background image, Image 5 is reserved for background pic
BG = LoadImage ( "Bg1.png" )
back = CreateSprite ( BG )




select Cuurian
case 1
LoadImage ( 1, "CuurianPI.png" )
CreateSprite ( Cuurian, 1 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 58, 98, 60 )
endcase
case 2
LoadImage ( 2, "CuurianCI.png" )
CreateSprite ( Cuurian, 2 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 82, 107, 60 )
endcase
case 3
LoadImage ( 3, "CuurianCD.png" )
CreateSprite ( Cuurian, 3 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 82, 107, 60 )
endcase
case 4
LoadImage ( 4, "CuurianPD.png" )
CreateSprite ( Cuurian, 4 )
SetSpritePosition ( Cuurian, PlayerX, PlayerY )
SetSpriteAnimation ( Cuurian, 58, 98, 60 )
endcase


endselect



PlaySprite ( Cuurian, 60, 1, 1, 60 )

do
    Sync ( )
loop

thanks in advance

Back to top

Profile PM

Dybing

12

Years of Service

User Offline

Joined: 12th Sep 2011

Location: Bergen, Norway

Posted: 17th May 2016 14:35 Edited at: 17th May 2016 14:37

Link

Add a conditional that reads the input (going left or right) and depending on that just flip the sprite using SetSpriteFlip(i, h, v). i is sprite index, h is horizontal orientation (0 normal, 1 flipped) and v is vertical orientation (0 normal, 1 flipped). If no input, then stop the sprite animation using StopSprite(i).

Back to top

Profile PM

Cuurian

7

Years of Service

User Offline

Joined: 17th May 2016

Location: Hermosillo, Mexico

Posted: 18th May 2016 00:10 Edited at: 18th May 2016 04:28

Link

Thanks for the quick response, its pretty good to hear theres a sprite flip function.

~~I have a separate sprite sheet for the standing animation, how do i make the same sprite switch to a diferent file?~~

EDIT: i need a way to update when the states change so i can change animations, i need to update every time the state variable changes

Back to top

Profile PM

Dybing

12

Years of Service

User Offline

Joined: 12th Sep 2011

Location: Bergen, Norway

Posted: 19th May 2016 00:49 Edited at: 19th May 2016 00:52

Link

set up a simple conditional that orients your sprite (and starts and stops its' animation) depending on input. something like this:

+ Code Snippet

move = getInput()

select move
    case -1: // flip sprite going left
		playSprite(i)
        setSpriteFlip(i, 1, 0)
    endcase
    case 1: // sprite normal
		playSprite(i)
        setSpriteFlip(i, 0, 0)
    endcase
    case 0: // stop animation
        stopSprite(i)
    endcase
endselect

function getInput()

	// your input-control
	// code here, be it
	// keyboard, joystick
	// or virtual joystick

	// returns variable state with -1 for left, 1 for right and 0 for no input

endFunction state

As for the input-control code, AppGameKit got a good help-system that will get you going on how to set that up.

Happy coding

Back to top

Profile PM

Cuurian

7

Years of Service

User Offline

Joined: 17th May 2016

Location: Hermosillo, Mexico

Posted: 19th May 2016 02:39

Link

Thank you so much, i did a similar code but less organized than yours lol
But if i want to play an animation for the character standing instead of just stop the animation?, im having a hard time trying to switch sprites
Also, i dont know a effective way to update the animations when the joystick state changes, in my current code if i move the joystick the animation repeats every milisecond so looks very weird

Back to top

Profile PM

Dybing

12

Years of Service

User Offline

Joined: 12th Sep 2011

Location: Bergen, Norway

Posted: 19th May 2016 13:46

Link

ah, hehe, my bad. Should have used ResumeSprite(i) rather than PlaySprite(i) in my example. Then the sprite will continue where it left off, rather than start over again. Also, when you stop and you want the sprite to rest on a specific frame, use SetSpriteFrame(i, frameIndex) after calling the StopSprite(i) command.

If you want to have the sprite doing something when standing still, you need add a few frames to your sprite. Say frame 0 to 24 are the walking animation, and frame 25 to 49 are the standing still animation. When walking you call PlaySprite like so:

PlaySprite(i, 30, 1, 0, 24)

and when standing still:

PlaySprite(i, 30, 1, 25, 49)

Where the parameters are sprite Index, frames per seconds of playback, looping on or off, start frame and lastly end frame.

For it to work properly, you'll need to set a flag so that you do not start over and over from frame zero when walking. Something like this:

+ Code Snippet

select move
    case -1: // flip sprite going left
		if stopped = 1
			playSprite(i, 30, 0, 24)
			stopped = 0
		endif
        setSpriteFlip(i, 1, 0)
    endcase
    case 1: // sprite normal
		if stopped = 1
			playSprite(i, 30, 0, 24)
			stopped = 0
		endif
        setSpriteFlip(i, 0, 0)
    endcase
    case 0: // stop animation
        if stopped = 0
			playSprite(i, 30, 25, 49)
			stopped = 1
		endif
    endcase
endselect

There are comprehensive descriptions of all the sprite commands in the help file. Just navigate to Home->Commands->Sprite

Back to top

Profile PM

Sorry your browser is not supported!

Newcomers AppGameKit Corner / About changing animations after keypresses