Game Development in Python 3 With PyGame - 14 - Button Function

Key Takeaways

hey guys what is going on welcome to another py game tutorial video in this video we're going to be putting on the things together that gave us our button up to this point uh which is putting text on the button and as well as making the button somewhat interactive we'll put all that together and make a button function and then after that we'll add true um functionality I suppose to the button so let's go ahead and get started so our button function so to speak should basically contain all of this code uh and the only difference is is all of the uh hard coding that we've got here besides the size of the font um needs to be contained within our button function and then also that will be just variables basically so let's go ahead and uh we'll take all of this and let's just highlight all everything here and don't cut it yet just hit copy and um we'll come up above game intro and we're going to add a button function so we're just going to Define button and for now let's do empty parameters colon enter paste and since some of this stuff got um misaligned from our paste let's just highlight it all and hold control Open brackets and it should come over so now this is our button fun function so what changes do we have to make well we when we call Button we want to know um first of all what what is the button going to say so we'll have uh message MSG then we want to know um where is that button located so we'll say uh x y and then since it's a rectangle it's width and height so XY width height and um then we need an inactive color and an active color so let's just do I a try to get away with one letter for everything [Music] um and that should contain everything so far in our button functionality so now now what we want to do is the message we'll just copy this replaces go okay that replaces go then we have X which is the starting point so basically anything that should be the x value so that's this one50 this 150 um this 150 and this 150 and then this 150 good um I just noticed that we also copy and pasted this rectangle for our our red um I'm going to go ahead and just delete that from our function we we that wasn't something we wanted so delete that um so we've got X now we're going to define y y is basically anything that says 100 in in this sense so or actually I'm sorry let's see not 100 450 is our y so copy and replace all of the 450s with y the woses of hard coding XY now we've got width width uh is this 100 value so everything 100 basically replace with uh W and then we have height and our height was 50 so everything that says 50 we replace uh with uh H nice and then we have inactive color and active color and actually I'm going to call these IC and AC and the uh active color will replace bright green and the inactive color will replace green and that should be our entire function I don't see any other like true hard code there so that's our button function awesome so now what we want to do is we'll just highlight this for now copy and then we're going to come down to the game intro and let's just put it here actually we'll put it like up here boom so we have button message XY width height height height inactive color active color so what's the message the first one will be go XY width height uh we should have it pasted somewhere like right here so just highlight 150 450 150 copy that um and then highlight X YW H paste inactive color is just green and then the active color was bright green so brightcore green easy enough let's go ahead and delete from game display. blit all the way up to where the button we just defined and now we'll go take this copy this and just paste it again and then instead of go the message is quit the XY width height is 550 450 150 so copy that and we'll put that here paste and then the uh inactive color red and the active color bright white red so now we've got go and quit and we can use our button function and we'll comment this out otherwise it will just right over a red rectangle over the uh red button that we just created delete and let's go ahead and save and run this one and we've got the name a bit racy go is good and quit is good so now we've got these buttons they're hover they're created we can make more buttons add different colors in active all that kind of stuff Active colors um and now we've got a pretty good button function the only thing we're missing at this point is an action for the button with that um stay tuned to the next video and as always thanks for watching thanks for all the support and subscriptions and until next time