C++ Allegro 5 Made Easy Tutorial 15 - Individual Sprite Animation [Part 1] Video Lecture | Allegro: A Complete Guide - Game Development

hello everybody and welcome to your next
aleko 5 tutorial so in this tutorial
we're gonna be learning about individual
spread animation okay so some most of
the time I would say like 95 - probably
like 99% of time you're going to be
using a sprite sheet and if you have a
artist or something with with you then
it would be it would make sense for them
to do a spreadsheet for you but if we
look at this image in front of me say
you wanted to do this animation right
here okay if you notice that they have
each image has a different height and in
different ways and that could pose a
problem if we were to do it in a sprite
sheet because the algorithm that we use
wouldn't really work properly
there would be ways to work around it
using sprite sheets but it would be
easier if you just handle them as
different images so in this tutorial I'm
going to be teaching you how to how to
actually do that so what I've done is
that I've taken the image from last
tutorial and I wanna pick slice calm and
I split it up into twelve different
images okay so from one to three is down
four to six is left seven to nine is
right ten to twelve was up okay so one
thing one common thing we notice is with
these directional directional images
were going by intervals of three right
so that will kind of help us greatly
with other individual spreadsheets you
might not have a set interval but for
this we have a set interval so it kind
of makes our life easier
so what we're gonna do is that um okay
I've already kind of done some of the
code but okay that's what we're gonna do
okay so for our direction right of what
we did was download set to zero by
default left was one right was two up
was three right so then we did that for
this source so we knew what to start
drawing from on our image this time
they're just individual images so we
need to know which index of the rage
starts from now I remember erased are
zero okay so from index 0 to 2 that is
going to be the down animation from
index 3 to 5 that's going to be a left
animation from index 6 to 8 that's going
to be the right animation from index 9
to 11 that's going to be the up
animation okay so that's why we do this
this is our starting values okay sorry
and then under or whatever anybody want
to put it we have a constant integer
call interval I would say that's a 3 so
we know that um we move by three
intervals for each and for each image
okay so uh as for our loading algorithm
before our loading algorithm was
basically we just did a L but I like a
bitmap and then we loaded in our player
and we only had one image the thing with
a lot of individual images which is on
probably not the great site that's why
people don't really use them much is
that you're loading a lot of instances
right it could take up or it could take
up a lot of memory depending on how many
images you want or I have an image is
she losing using but if you're using
individual images and you have to be
really good with um D allocating memory
etc etc but for for 2d games most of you
really don't have to worry about that
too too much but yeah but like so then
let's just continue with what we're
talking about
so anyways um what I've done is that I
admitted a bitmap and I need to play a
walk and I gave it
twelve elements with an array now if you
know how to use vectors then it'll be
better to make a vector a bitmap vector
so if we what we're gonna do is we're
gonna do a for loop right and we're
gonna do player walk eyes equal to a LAN
score little bit map so if we look at
our the way I've done it is I've done it
there are a number scheme so from one to
twelve so what we want to do is that we
want to say load bitmap I plus one the
problem is that this is an integer
well eyes an integer and it's looking
for our constant charge so how do we do
this or the way we do this is that we're
going to want to use a string stream and
what is a string stream a string stream
is like if you notice like io streams
extremes functions whatever our streams
are basically like they have a lot of
similar properties that they're similar
because they this the strings are like
strings but they add a stream property
you could do more with them you can add
additional functionality them I'm not
gonna get too in-depth of string streams
um like when I teach my c++ made easy
tutorial series I'm gonna get more in
depth in them but for now if you don't
understand if you don't know what they
do then you can always Google it for now
so to use a string stream we do include
stream up there and you can use the STD
namespace if you want but I'm I'm not a
fan of doing that so in our for loop
what we're gonna do is we're gonna do
string string and I'll just name STR and
and this you could put it up do that or
just like you see out or whatever you
could put the name of it and then put
whatever you want in the stream so I'll
do like this so on here I'll just put I
plus 1 then here I'll just put STR dot
STR to change it to a string and so they
want a constant char then I'll put
underscore C
sorry underscore c-string and i will
change it to a constant charge value
okay now the reason why I put the sed
string stream I create an instance
within a for loop is because string
streams concatenate just like strings
right if we don't create a new instance
of it then it will say the first one say
I is equal to 0 I plus 1 is equal to 0
plus 1 will be equal to 1 and then when
you loop again 1 plus 1 is equal to 2 so
the value of string would be 1 2 then a
loop be gonna be 1 2 3 but if we make a
new instance of it it's like it's like a
clean slate right so then we therefore
don't we don't concatenate so once we do
this we'll have loaded all the images
from our folder the problem or one thing
we need to know right now is if I go to
right here I split the images and I put
them in a folder called sprites so we so
that I don't run into any errors and my
string stream I'll just put sprites and
I'll put slash and I plus 1 okay so
we've loaded in all the images so now
it's just a matter of choosing which
images to draw okay so first of all we
can get rid of our source X and source Y
because we're not we're not cropping out
an image so if we go to air right here
we don't need this so if we go to so you
can get rid of all the stuff right here
okay delete that okay so we're going to
delete all this drop in that region and
destroy for the destroy bitmap what
we're gonna want to do just to four inch
I eyes less than twelve and I plus plus
and then when we destroy the bitmap we
just say player walk and I so then we
destroy all the instances of it okay so
now what we're gonna do is one one other
variable we want to create is a variable
called index and this of integer type
and most of the index equal to zero okay
so the index is gonna tell us which
image to draw at the at a certain point
okay so we're gonna do is we're gonna
say that first of all we're gonna say
that F active is equal to true and will
then have our out statement oh and sorry
but we have to add in another variable
so for Direction what we're gonna do is
we're gonna have last direction or you
get a previous direction and there is
other ways to go about this sorry but
I'm doing it this way because I'm doing
this way because uh it kind of helps
with a lot of other things like single
key presses etc etc well well like with
other api's and stuff with single key
presses having a lot of previous
instance and a current instance as
always is always good so this video is
exceeding about ten minutes right now so
I'm just gonna be doing one thing right
now
so we're active was equal is true or
we're gonna be also doing is we're gonna
set last direction
go to direction did I type that right I
don't know how I typed it up there
Oh previous my bad
Wow okay so previous Direction is equal
to direction and then what we're gonna
do is quickly before we reach 11 minutes
hopefully we're going to say that if
Direction not equals the previous
direction then we set index equals to
direction and we'll get into all this
stuff later so hope you enjoy this
thanks for watching and bye