Scratch Supercat Game (Full Lesson)

Key Takeaways

today we go to build a very action-packed little game okay called super cat okay it's gonna be a superhero themed game where we are going to be a cat trying to catch snacks in the middle of air okay in the middle of the air so we're going to be flying through the air I just super hear it and then when the snacks come in we're trying to catch as many snacks okay all right so let's have a look at this we got lots of people now okay it looks like a few people have joined over the last ten minutes which is great so I was just giving everybody a bit of introduction into scratch but now we're going to get ready to do our exercise like I said we're going to do a superhero-themed exercise we're gonna have a cat flying through the air and then we're going to catch the snacks as they fly through and avoid the obstacles okay so stick around we go to do this game right now okay so first thing we want to do is over here this cat is the kind of cat that we want but it is not the exact point okay so I want you to delete it by pressing this bin button on the top right corner of the sprite you see where my hand is right here top right corner of the sprite click the bin we delete the cat okay everybody deleting the cap if anybody ever has a problem make sure you put your hand up okay so you press the raise hand button and then you tell me that you have a problem okay if you don't have a problem don't worry about it don't raise your hand okay at the end you can tell me about all the cool things that you've done by raising hand but during the lesson raise your hand [Music] all right let's continued so we do we've deleted the cap that should be the easiest part of our lesson so far okay then we choose a sprite so how do you go choose a sprite [Music] we here now I want you to look for a cat flying like a superhero okay so we go to animals over here animals and then we got cat flying I think cat flying is what we want cat flying is the the the sprite that we want okay so we go we learn from all two animals and then we go down here big cat flying I click on that all right cat flying this is gonna be great as we gonna start off with the cat on the left hand side just like this okay so you can drag that around you can touch it with your with your mouse and drag it to the left hand side just like that okay now at the end of the lesson we're going to decorate our hat to make it look more like a superhero okay so this is going to be a lot of fun it's going to everybody's going to have a very different looking superhero can't wait to see what your superhero comments like okay all right so we have this now we want to choose a background because it's flying through the ones who change its the background so it's flying through the air so choose a backdrop I want you to choose any backup you want any backdrop you want but it has to make sense that it's flying through the air I would suggest something like blue sky well blue sky to these two fantastic what's another good one Hayfield looks good as well if you want to do Hayfield stars is also good I am going to choose blue sky blue sky so we've got a cap doing the superhero pose and then we go fly through the air okay through the blue sky all right okay if you do have a question Dan you then keep your hand up otherwise we'll we shall continue onwards all right so now we're going to give our catch a little bit of instruction so I want you to go into events and start when we press the go flag then we start again so when we press the go flat you want to be able to change the position so go to events and then we go when the go flag is clicked wearing is quick right when the flag is clicked what we want to do is we want to give it a forever loop because we want to make it so that when we are pressing the up arrow that cat goes up when pressed down and so any control give it a forever loop probably now who wants to have a go of doing the next block the next block is a control block but we want to make it so that it is only when you are cricket hitting an up or down button so who wants to have a go of answering this one Yolanda what's the next block you suggest and then you got a space press awareness and you can see this up our down our excellent that's really really good but before we do that do you know what the control block is so that we can put that sensing Block in there something you fifty ah so that's the operators that's not bad not bad Yolanda what we're going to do is we're going to Ethan Ethan wants to say something you used if if then block if then block fantastic excellent work and you landed got the second part right which is to use a sensing block so well done both of you well done guys so again if then block first inside the forever block so you grab the if then block over here and then you put it inside the forever block and then just like Yolanda said we want to go if we sense we press the up-arrow okay so we go into sensing and then we go key space press we changed the space pressed to an up arrow pressed hey Aaron trust drag that in and so now we have a forever loop with key up arrow dressed and then we make it so that when you press the up arrow remove the cap up so we go into motion and then we go change why bye Jim so women press the flag and then I press the uparrow the Flay the cat is going to Gila oh but it's going to not come down so we gotta be careful not to make it go all the way up if you've accidentally make it go all the way up and you couldn't reach it from outside the screen don't worry I'll show you exactly how to pull it back okay so you don't panic all you have to do is okay watch this I've got my cat oh I got it move out of the screen I can still touch it okay I can still grab it but if I can't see it then you can change the Y number over here back to zero and then it goes back into the middle okay good all right so if up arrow pressed then we change Y by ten so now we do the opposite for the down arrow so all you have to do is go to control add another if then block but make it go after this first if they're in love okay so don't put it inside the if then block make it go after the it then block but inside the forever block no the forever loop and you see where I left it we drop it in here and then went down arrow pressed so you go back into sensing okay go back into sensing to move the down arrow press block yeah there we go key I parry pressed change it key down arrow pressed down a rapist and then we change the y by minus 10 because we wanted to go down and remember when we at the start of the lesson we talked about how when y gets bigger it goes up but when Y gets smaller like into negative numbers it goes down so when down arrow is pressed we go down so we go into motion and now we go change Y by minus 10 bye-bye - now when we press the flag you should be able to now change how high and how low the cap can fly yes I'm not going left and right we will we can try to make it go left and right as well but we'll add it in at the end of the game if we if we want to make it go left and right okay okay because we're going to keep it on on the left-hand side because this is kind of like one of those endless games where where we're constantly flying through through the game okay and then the snacks are going to come in from the right hand side so we now have a cap flying looking like it's flying okay so now I want to add the snack the snack is what we are going to try and so here going to choose a sprite and you can choose whatever you want to be your snack but I want you to choose a proper food for a snack okay so Apple is a good food bananas a good food up there is probably not a good food all right so choose something that's going to be nice and small and being nice a nice snap hang so I'm going to choose all right you can go food like this and press the food button at the top and then you can see all the different foods then I might catch touched pathos actually tap those look tasty gonna go from tacos ah excellent this is gonna be great all right so you have chosen your food now whatever food you choose let me I want you to make it smaller so that it's going to be small enough to be to make it a bit of a challenge to get we don't want it too easy to get the food okay so I'm gonna choose my taco and then change its size to 30 okay and like I said if my picture is blocking the way then move my picture around okay you can move my picture out taco size is 30 and then my cat is all about trying to catch these tacos all right so now I need to give my tacos some instructions okay so before we were giving all our instructions to our cat and you see that because right now when we have the tapo selected when you click on the taco is going to flash on the screen and then there's no code in the middle all our code has disappeared but don't worry that is because the code is now on the cat so you press it cat the code will be back and you'll see the cap on the top right hand side alright okay so we have our taco coming in and now kept on the side so now we press our taco because we need to give it structure stop it click on the top layer and now this is what I want you to do we want to give it an instruction so that when it starts the game we have to hide the taco you have to hide the taco and then we are going to clone the taco so that we can sometimes have more than one taco flying through the screen if you've played or created the game for the Easter Bunny do you remember the Easter Bunny again last step well we had just one egg flying across all the time but if we make a clone of the taco then we can have more than one happen flying through at the same time I'll show you how to do that okay all right so like I said we start the taco with an event on flag clicked when crackling when the flag is clicked what we want to do is we want to go to looks and then we want to hide hide the topic and then what we want to do is we wanted to we want to make it so between every say two to four seconds we have a new taco get cloned okay and to do that we're going to go into to control and then we're going to have a forever loop and in that forever loop what we want to do is we want to clone the taco every two to four seconds so first of all will claim the taco then we're going to wait between two to four seconds before we clone again okay so we go into control and then we go create clone off myself see them create a clone off so in the code you say create clone off myself because I want to create a clone off the topic ready to clean up myself inside the forever look but then we're going to wait between two to four seconds so we need to go to the go wait one second here we've put that in straight after cloning instead of one second we're going to change it to between two to four seconds so we need a random number so we go into operators and then we're going to put a random number between two to four bigger operators pick random two to four writers pick random 2 to 4 everybody going okay no questions that's good if you are stuck if you have a problem then raise your hand okay if there's no problem don't have to raise your hand you can tell me about your your cool stuff at the end of the lesson okay so that's great you guys are doing very wonderfully so we need pick random two to four yeah but don't start the code yet because we haven't told it what to do when we start off as a clone so to make it so to do the code for when it is a clone I'm just going to make this smaller so that we can add more code go into and control and then we go when I start as a clone in control then control then you get down at the end he says when I start as a club when I start as a clan what do I do well what we're going to do is we start off on this right-hand side and then but we have a random vertical we're going to have a random wipeout okay so to do that what we do is we go when I sat as a claim we're going to motion and then we say go to X Y okay so we gotta go to X and then you know has a number then y example as long as you make sure that your taco is on the side there you don't have to worry about these numbers you I can't just make sure that the taco is on the right right hand side and then you go go to x1 but then for the Y I want you to change it so that it is a random number so we want the Y value to be anything between say positive 150 to negative 150 okay so so the Y value is going to be a random member so remember how we did a random number remember how we did random number you go down two operators which are the green ones okay when you choose the random number it has to be between two numbers minus 150 and 150 that makes it so that it started random quiet and then we have to catch it all right so go into operators and then we go pick random and then before we had to default but this time we have minus 150 to 150 then we put that inside the Y value over here when I started playing make sure this is all happening inside the taco by the way so just making sure that you see a taco up here okay very important all right yes but now I need to show it fast ah excellent excellent so that that is an excellent point we are going to show it first okay so let's do that let's go into looks excellent excellent suggestion you know we would have had to find out what's wrong with it if we didn't do this go into looks and then we go shut very good you learned that thanks very much for that and then while we're at it we can go so we go actually we put show after after it's gone to a random pipe and that's the reason is because if we show at first then you're going to see it in the middle and then zap up and down right so we don't want to do that we want to go to a random place first start and then we show up and then we're going to travel to the left until it until it hits the edge okay so we go into control and there we go repeat until it hits the edge but actually repeats until it hits the edge or it hits the cat because if it hits the cat then we score right but if it hits the edge then the taco is lost and we don't score but either way we are going to delete the tapa all right so here we go we'll go straight back into it all right reveal until so here women we're going to wait a second before we we do this bit because I'm going to show you what to do in a moment okay repeat until it touches the edge so we go sensing okay may as well do it now yeah a little touching mouse pointer over here well repeat until it's touching the edge until it's touching the edge and then if it touches the edge then we delete house-elves so we go into control again and then we go delete this phone so what are we going to repeat and we touched your edge or touch the cap we wants to put their hand up and suggest what should be going into this this block here eating okay only going to do is we are Oh Ethan when I have a have again yeah you keep on cloning that taco lane the taco yes it's a good guess before he cloned the taco but so this is when it starts off as decline so now we start off on the right hand side and then we're going to do something what do you think we're doing that's okay we're actually going to travel to the left so we're changing the x value by - say 10 okay so we'll go into motion and then we get change X by minus 10 then it will delete the claim so if I press the flag right now and it's going to stop cleaning the taco and it's going to fly from the right-hand side to the left-hand side okay so this is looking a little bit slow at the moment so what am I suggest we do is we're going to change the random number so it's between one and three instead of two and four okay so you see my screen here I'm going to pick the random gonna be one and three seconds yeah to create the client so that there's more clients that are created and then secondly what I want to do is I want to change eggs by - so instead to make it go slower okay that way we could have more tap those on the screen and it's going to take longer to fly it across yes [Music] okay Glenda we still need to make the card for when the cat touches the top that's right that's going to be next part so so make sure that your your your code is working first and then we are going to make our cap touch the taco okay so in order to do that all we have to do is do something very similar to what what we did before so inside the repeat until touching edge code here we're going to have an if then block so going to control and then we want to have an if-then block over here if then what do you want to do if it touches the cat then we also delete the Klein okay so we go into sensing and then we go if it's sensing that it's touching the flying cat cat flying then it also deletes the client and it also deletes the con so we're going to control and there we go delete this claim and why are we doing it like this why don't we doing it saying repeat until it's touching the edge or touching the cap inside the same block here I could have an operator with an or key word and say if it's touching the edge or touching the cat right but I'm doing it this way because we want to keep score of the of how many tacos that the player is catching so in order to keep score what we can do is we are going to go and create a variable hang so make sure that after you've added this see if you can catch the tacos because if you touch the tacos then the taco will also disappear see so if it flies off to the edge it disappears but if we touch it it also disappears you that's looking good all right any questions so far if we have questions then we can try to fix them now otherwise we'll continue on no that's good oh wow I gotta say that everybody is very very very attentive this this time I'm very very impressed don't be shy if you have a question raise your hand okay I'm here to help but if you have caught up that's really really good work because this is quite tricky a lot of it is very very hard especially if it's your first time okay all right go back over here so when we start as a clone if we touch the cat flying then we also delete the clone but other than deleting the clone we want to add to the score before I keep going Anthony did you want to say something my stalkers are moving the tacos are moving so when you have when you have stat as a clone did it move before Anthony no it didn't move before did you test it before yeah next time because we did the taco moving part while ago it's worth letting us know as soon as it stops moving so that we can try to fix it okay have you checked the code is it looking exactly like Mike yeah yep so when you click the flag yeah I'm going to leave this code up like this and then we problems yes okay all right so the next part is we are going to add the scoring system okay because we want to make sure that the player is aware of how much points they're getting right so what we can do is we go into variables over here on the bottom left of the code blocks and then we're going to go make a variable and the variable name is called score so if you know how to spell score it's SC or Hardy yes I can make a variable then you go SC o are eight score yes you're lined up already done next fit excellent that's great so you can wait wait for us while we while we catch up with you well done Yolanda nice one so we go score for all sprites and then we go okay so now you have a score on the top of your screen and I've just made my screen smaller so that you can see more of my code okay but you can also it will also make the game bigger like this so that so that you can play the game properly okay so it doesn't make a difference it just means that I make mine smaller so that you can see see more of the code okay so you can see clearly alright so now we have a score see so the score appears on the top of the screen but we want to make it so that when I click on the flag the score starts off as zero okay so here when we go win flag click for the taça one change the score to 0 so we go set my variable to zero instead of my variable we change it to score which set my score to zoom right so my school to zero and then we are going to make it so that when it touches the cat that means the cat has caught pitaka and then we increase the score by one so over here just before it deletes the clothing we want to change your score by one side not change my variable one one you change my score by one so you see here change score by one and then we delete the claim makes sense so now when we play the game we're going to see that if I catch the taka then my score goes up if I miss the taka my school doesn't go up the code so that you can see the code properly all right so now we are going to do something that makes the game harder okay because we don't want this game too easy so that our superhero cat catches all our all our tacos without consequence we want to make it so that if if we get hit by by a hazard then we want to end the game and say game over okay so what we're going to do is we're going to go here choose a sprite and then I want you to choose a hazard and I want you to just choose any hazard you want okay can choose any hazard you want as long as it looks like it's obviously something you don't want to touch as they can okay so what is something you don't want to touch as you can well I would probably say I would probably say anything that looks like anything that looks dangerous does anyone want to suggest something landed you want to suggest something that's dangerous for dog like I like the dog coming - that's that's a good one I'm just going to see if there is a that is a good suggestion actually might be good well is that I couldn't hear you okay say it again out the mouse one mouse 100 mouse one is like a mouse now it looks like too much like a snack I think all right well I'm gonna go okay go for lightning so it's like the lightning bolt if it flies over then then we don't want to touch it okay because it's like a little bit dangerous but you can choose any any kind of hazard you want okay so here trees aligning and then I'm going to make it small because we want it to be nice and small as well so once you change the size again to 30 and then I'm going to change the direction so that's pointing towards the cat say that it looks into the direction to 180 and there's aiming towards the cap now what I want to do is I want to do exactly the same code as the taka except this time when I touch the cap instead of scoring it's going to go game over okay so to copy the code what we can do is we can go like this we can go go into the taco and then I think we can go yeah I can do that so I could go right click I'm a bit of code you go duplicate well none you Wow there yeah you see that so I didn't have to I didn't have to duplicate it so all you have to do if you want to drag code into another another block I'll do it slowly here so here's my lightning my lightning has has no code right it's all blank but my taco has heard that I won all right like this when flag code so I just go drag drag the flag into my lighting and then now it is inside my lightning and then same thing with the that when I start as a clan code I click on it and I drag it into the lightning and in the lightning it's also I got that when I start as a clan code when the lining stats what we want to do is instead of when it touches cat flying we're not changing the school by one anymore what we want to do is we want to remove everything from inside the the when touching cat flying code from inside for the lightning remove it all and then what we want to do is wanted to say game over okay and then we can stop all the other sprites stop all okay so you go game over and then we go events now we gonna control and then we get stopped all well actually will do stop all and then say game is that what make more sense you oh no we have to just say game over sorry about that sorry about that guys so we have to say game over not for two seconds so say game over and then stubble okay sorry about that all right that should be now game say we started now we have our name where we are trying to catch our tacos and then if we get hit by lightning then it's game over but it doesn't say game over at the mat so we probably need to do a little bit of a change here yes your lender sometimes the learning just comes like right on top of the taco yeah so that's like a tree that's like a tree taco isn't it so it's like you don't try to eat that fat otherwise you get zapped as well so that's a tricky one all right but before we before we go like I said we're going to need to any any other questions first anyone else questions are about about the game so far because if we if everyone's following okay then I'll show you how to animate your superhero cap okay right so right now our cats not doing much animation okay it's just moving around but it's all still okay so what I want to do is I want to change the cats animation so that it looks more like a superhero so what I do is I make sure the cap is selected so you press the cap down the bottom until is highlighted make sure the cat is selected and then you go into costumes they're going costumes now I'm going to go so there are two costumes already for the cap we go flying it a and flying B so we don't want flame be flying B can be deleted I want you to delete flying VIN so you press the rubbish bin over here to delete plane B so we got the cat here so all we have to do to create our alkane is we're going to add a brush and then you choose a color of the cake I think red is probably going to be the best solid cake and then you can draw on top of the cat because what we're going to do is we're going to move it to the back of behind the cat after that's okay so I'll show you what I mean so I draw a cape like this like this and then I can go out of field like that but now I can select it and then I can press back over here and now let's get on all the way to the back so that is behind the chat that make sense I'll do it again so here we have a cap we press on the brush and then change the field to be whatever color you want the caps came to be okay and then we're going to draw it over the cat because we're going to move it behind the cat afterwards so we draw a cape and then we can add the field so we press field then we fill the cake and then we press the arrow so that we select the cake press the arrow the arrow over here we select the Cape and then we send it back like that now we have Cape on our superhero cap to add a little bit of animation what I want to do is add as is duplicated after it's already you've created the cake we go right click on the frame here on this costume and then we go duplicate I'll be right click and then we go duplicate so now we have two versions of the same picture one picture is the cake that we create second picture is exactly the same all we have to do is make is make it a Cape that is slightly different because then it looks like it's flying through the wind okay so you can delete it if you want and then you can go to the brush again and then again make it slightly different shape and we get a deal and then we go select it to the back so now we got two versions of decay slightly different so it looks like the cape is animating and if you want you can add three or four versions of the cape so that it's animating more smoothly okay so after the lesson make sure you save your gain and then you can try to add more versions of the animation that way you can have an animating smooth you have a question yeah I didn't understand I still can't do like can show me how to do the Cape again sure so you're watching so I'll just do it on a fresh one so you start off with the cat like this right yeah okay now watch carefully so you click on the brush yeah and then you choose the color of your field so it says fill here I'm using red and you can choose whatever color you want you know you came to be okay yeah make sure your brush is selected and then you draw the Cape like a triangle like this and then we don't have to be afraid of drawing in front of the cat because we're going to move to the back okay okay so you've drawn a triangle kind of shape ah yeah make sure it's closed up yes and then you click on Phil yeah thank you and then you fill the color so that it's all filled full up yes and then you press on the arrows to select this arrow here okay and then you select the Cape that we just created this is inverted and then we press back at the top you okay okay so now I have three versions now so the more versions you have the the more diverse your animations gonna be so now all you have to do we go to code so that inside the forever loop all we have to do is go into next costume inside the forever loop so now when I press the flag you can see that my my cape is now flying like it's flapping in the wind yeah okay all right