Little Help with 2D Please - GameCreators Forum

Author

Message

Nome

14

Years of Service

User Offline

Joined: 15th Oct 2009

Location:

Posted: 24th Nov 2009 17:14

Link

hey there, first post.

I have had a look through some of the tutorials, and just need pointing in the right direction. i'm making a 2d game for a college project (as i found 3d was too memory intensive and was not worth it on DarkBasic Classic). I have a sprite sheet which have segmented and saved as seperate files, "runningright","Standing",etc.

What i am stuck with is changing the sprites when i press up,down left or right. i wasnt sure if to use arrays,variables. i hhave come across attributes like LOAD BIMAP and GET IMAGE but saw in a tutorial that it was better to use LOAD IMAGE.

Any help would be great thanks!

Attachments

Login to view attachments

Back to top

Profile PM

MSon

19

Years of Service

User Offline

Joined: 13th Jul 2004

Location: Earth, (I Think).

Posted: 24th Nov 2009 19:11 Edited at: 24th Nov 2009 19:13

Link

Use this command to load the SpriteSheet

+ Code Snippet

CREATE ANIMATED SPRITE Sprite Number, Filename, Frame Across, Frame Down, Image Number

Then use this to Animate the Sprite

+ Code Snippet

PLAY SPRITE Sprite Number, Start Frame, End Frame, Delay Value

Or to set the sprite to a specific img, (Like Ducking/Jumping, use this)

+ Code Snippet

SET SPRITE FRAME Sprite Number, Frame Value

Using these commands you can change the sprite image or animate it.

Everyone Be Cool, You, Be Cool.

Back to top

Profile PM Email Website

Ashingda 27

16

Years of Service

User Offline

Joined: 15th Feb 2008

Location:

Posted: 25th Nov 2009 03:53 Edited at: 25th Nov 2009 03:55

Link

If it was up to me I'd save each frames into a separate image, but make sure you know where you saved it too. Might want to use a pointer.

For example:

+ Code Snippet

PointerGUI = 200
PointerChar = 500

for lp = 0 to 10
	get image PointerGUI+lp, x1,y1,x2,y2, 1
next lp


for lp = 0 to 10
	get image PointerChar+lp, x1,y1,x2,y2, 1
next lp


Meaning all the image pointer used to save the Gui images are in range from 200~499 and all the ones used for the Character(s) are 500~xxx.

Next step is the animation. I'd use an array for this:

Up = 0	:rem Use this as constants for Directions the Character is facing.
Lf = 1
Rt = 2
Dn = 3

Stand = 0	:rem Use these as constants as Actions the character is performing.
Walk = 1
Attack = 2

AmountDirection = 3	:Rem Use these to setup the Animation Array and other purposes.
AmountAction = 2
AmountFrame = 9

Dim Animation(AmountDirection,AmountAction,AmountFrame)

rem This is how I store my Animation frames. Each iteration of this loop will store the first set of values into
rem the proper index in the array that was just set up and so on. So Animation(0,0,0) = val("000")

for lp = 0 to AmountFrame
	Animation(Up,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Up,Walk,lp)   = val(right$(left$(".001.002.003.004.005.006.007.008.009.010",4+lp*4),3))
	Animation(Up,Attack,lp) = val(right$(left$(".011.012.013.014.015.000.000.000.000.000",4+lp*4),3))

Animation(Lf,Stand,lp)  = val(right$(left$(".016.016.016.016.016.016.016.016.016.016",4+lp*4),3))
	Animation(Lf,Walk,lp)   = val(right$(left$(".017.018.019.020.021.022.023.024.025.026",4+lp*4),3))
	Animation(Lf,Attack,lp) = val(right$(left$(".027.028.029.030.031.000.000.000.000.000",4+lp*4),3))

Animation(Rt,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Rt,Walk,lp)   = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Rt,Attack,lp) = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))

Animation(Dn,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Dn,Walk,lp)   = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Dn,Attack,lp) = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
next lp

rem So if you want to draw the 4th Animation frame of the Character walking Left at (200,150).

PointerChar = 500	:rem From the previous example.

Cx = 200
Cy = 150

Direction = Lf
Action = Walk
Frame = 4

Paste image PointerChar+Animation(Direction,Action,Frame), Cx, Xy, 1

+ Code Snippet

Up = 0	:rem Use this as constants for Directions the Character is facing.
Lf = 1
Rt = 2
Dn = 3

Stand = 0	:rem Use these as constants as Actions the character is performing.
Walk = 1
Attack = 2


AmountDirection = 3	:Rem Use these to setup the Animation Array and other purposes.
AmountAction = 2
AmountFrame = 9

Dim Animation(AmountDirection,AmountAction,AmountFrame)



rem This is how I store my Animation frames. Each iteration of this loop will store the first set of values into
rem the proper index in the array that was just set up and so on. So Animation(0,0,0) = val("000")

for lp = 0 to AmountFrame
	Animation(Up,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Up,Walk,lp)   = val(right$(left$(".001.002.003.004.005.006.007.008.009.010",4+lp*4),3))
	Animation(Up,Attack,lp) = val(right$(left$(".011.012.013.014.015.000.000.000.000.000",4+lp*4),3))

	Animation(Lf,Stand,lp)  = val(right$(left$(".016.016.016.016.016.016.016.016.016.016",4+lp*4),3))
	Animation(Lf,Walk,lp)   = val(right$(left$(".017.018.019.020.021.022.023.024.025.026",4+lp*4),3))
	Animation(Lf,Attack,lp) = val(right$(left$(".027.028.029.030.031.000.000.000.000.000",4+lp*4),3))

	Animation(Rt,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Rt,Walk,lp)   = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Rt,Attack,lp) = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))

	Animation(Dn,Stand,lp)  = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Dn,Walk,lp)   = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
	Animation(Dn,Attack,lp) = val(right$(left$(".000.000.000.000.000.000.000.000.000.000",4+lp*4),3))
next lp



rem So if you want to draw the 4th Animation frame of the Character walking Left at (200,150).

PointerChar = 500	:rem From the previous example.

Cx = 200
Cy = 150

Direction = Lf
Action = Walk
Frame = 4

Paste image PointerChar+Animation(Direction,Action,Frame), Cx, Xy, 1

These are the basics of the method I personaly use. There are no single correct way of coding and you can find many many ways to get the same effect, some being more or less effective as others in areas such as speed or memory consumptions, but as long as it works with you.

Back to top

Profile PM Email

Sorry your browser is not supported!

2D All the way! / Little Help with 2D Please

Attachments