 Okay, our game is coming along nicely. Let's go ahead have a look at it. We will refresh the screen here and there we go We have this going We have music playing you have jump sounds. We have players with different Jump heights and speeds. They collide with each other in the ground in the world and blah blah blah everything Today we're gonna look at something very simple and that's we're going well I say very simple very simple to do what we're gonna do But there's many options when it comes to it and things to think about is a full screen modes right now We're running inside the browser inside this little box Let's say we want our game to go full screen. Well, we have different options for that You have options to fill the whole screen even if the game is different proportions, which would stretch the game out Go full screen but keep proportions And there are other options as well and also want to point out the very beginning of this is that certain devices do not allow full screen mode and just to bluntly say it any at the time of recording this any iOS, you know, so iPhone or or iPad They don't allow games to go full screen So that's something to think about and you can also you know in cases like that You can stretch it out to fill the full window, but you'll still have your toolbar up here and stuff But we're gonna make a game right now that goes full full screen and this you can implement this and just it won't just Just nothing will happen on an iPhone or an iPad when you go to do this. So let's go into our Game here and under our create when we're creating everything here. We have already create our cursor on the next line down here we're going to add in a game So our game that we're working in We're gonna check the input on Down Dot add and what this is doing and you can set it up to trigger different ways I have it when someone clicks on the game either with you know on a touchscreen by touching the game or clicking on the mouse It's gonna go full screen automatically You know, you may or may not like that you may want a button inside your program that they can click But any game I make I think should be played full screen. So I'm going to have it automatically go full screen Which is a function we're about to create and then we're going to pass it this so that it knows We're talking about this game in particular Then we'll come down here and we'll create a new function function and as I said, we'll call it go full screen and There's actually just two commands in here set what type of full screen we want and then initiate it So we say game dot scale dot full screen the capital S there scale mode Equals and we're gonna say use the phaser dot scale manager Dot show all remember this is all case sensitive So this is gonna keep proportions and go full screen So you might have some black borders around if the resolution you made your game is not the same as the screen So for example, we're have a game in landscape mode If someone starts this game on their phone in portrait mode It will go full screen with bars on the top and the bottom. That's just one example Of course, there are ways to check to make you see if the Phone is rotate or not and you can tell you know have a screen come up and tell the users to rotate their screen Landscape if that's the what you want. We're gonna get into that today So we set what type of full screen you want and now we're just going to initiate the full screen So if I typed everything properly and I save it and come over here Here's our game. I can use my arrow keys to move around and jump, but if I click on the game Boom, it goes full screen So and as you can see there are blackboards on the left and right because the resolution I made my game wasn't Divisible properly through for HD video Thought I made it But I guess not I did something wrong with my mouth, but it doesn't matter. It's still full screen It's pretty good. If I didn't want these black borders. I can adjust the resolution But nothing is getting stretched out which again is another option if you wanted it to stretch to go full screen I found that that sometimes at least in the past has caused issues when you're trying to click things They aren't quite where they're supposed to be. I find this is the best way to go full screen now That was it for this tutorial pretty short. Hope you enjoyed it. This may be the end of this series So I've done two months I've done eight videos now of this series because that's what my patreon supporters have voted for and if you're one Of my patreon supporters. I thank you for voting and for your support now Of course you can check out this game at By checking out the links in the description. I'll put this game up online There's a lot more I could teach you there's a lot more I'd like to teach you Of course I'm going to put it up get it put it out to my patreon supporters to see what they want to vote on do they Want to continue this series or go to a new topic? So that's something to think about But I want to take a moment to show you some of the things that we might do in the future videos If we continue this topic because right now we we have a game that you can do stuff with but we haven't really made a game yet So I'm going to give you two examples I'm going to mute my computer because there is some copyrighted music in here. I don't want my YouTube video to get flagged Here's a basic little game and I have this source code up online if you go to filmsbychris.com and Well, actually, let's do that. Let's go to filmsbychris.com again It's chris for the cake, which is actually how I spell my name just so you know We click on software here and you can see we have github which some of this codes up on their scripts and notes If you go to scripts, it brings you to where I have a bunch of scripts that are actually up online and usable And you click this little magnifying glass here and if I type in something like Mario, and if I type it right Mario there's a folder called Mario And I actually have step-by-step This is something I just made for reference for myself and you know It was supposed to be referenced for some tour hills and I ended up not using it I should have used it for this But as you can see here, we have Mario basic Mario basic adding music and ground planes adding a sky Jumping ledges all stuff. We've got to go over except we didn't go over coins adding collecting coins We went over full screen hitting bricks Mario running and then also adding game pads So right now we are using keyboard and mouse interface with the game actually really not much of the mouse other than full screen but you can actually plug game controllers into your computer and These games will automatically detect them and you can play these games with game controllers A lot of people, you know, maybe I should have said this at the beginning of the series A lot of people think when they hear HTML they think very limited which it used to be back in the day There's very little that you can't do with HTML interfaces nowadays They can interact with all types of hardware. So here's one example. I'm gonna go ahead and just start this Here I don't have a game controller. So it's going to default to the keyboard and click full screen Again, if I had a game controller be using that but here's Mario again I have a sound muted but there's music and sounds and he can break bricks and he can collect coins and Run all around He's bound to the world so you can't go out But yeah, so we would go more into that making ledges with bricks that you can break and collecting coins another possibility if you go to the same Scripts page and you type in game basics Which is scripts I made kind of like for people to guide people through Babylon js phase 2d and 3js and these are up on my github account as well If I go into phaser 2d, I can go to tutorials. There's lots of example games in here Everything I create pretty much goes up in here And I can go to my TMNT teenage mutant ninja Turtles again It's just like Mario one I kind of did it as a tutorial even though I never did videos for it Basically similar to what we've gone over in this series and if we go way down to the last one here number nine You'll see that it says it's asking to use my microphone I will allow it and go full screen There's also a button here for touchscreen for jumping so you can do on-screen controls But I can say and I'll see if this works while I'm recording Go right Yeah, left Of course, my microphone is being used by recording software right now So that's why it's not working But this game is voice control you can use your keyboard But I can say left or right or jump and the player will move accordingly So this game has voice controls again. He goes around collecting pizzas It has on-screen controls like the jump button He can jump through bricks but lands on them going down and when he collects all the pizzas It drops down nor pizzas and until time runs out This game has a 60 second time limit and then everything falls and says love will complete And gives you a score of how many pizzas you collected So that's sort of things that we could continue with this series And I just wanted to take time to show that definitely check this out and give the voice controls a ago We also didn't get into character animation, which is also very important, you know with animated sprites so Yeah, the the way I use the voice controls for this is actually through using Google APIs for voice control So there's like a quarter to a half a second delay on the commands, which is what makes it Challenging, you know, you have to time your voice commands properly But basically if you do go to play this on my website and you have a microphone on your computer or whatever Just say, you know left right Jump are the commands you can say player jump player move right pair good player go left as long as you have the words left Or right or jump in there It'll do what he says. I think you can also say player stop. I think it's the command to stop So go ahead check that out, you know Yeah, there's a lot more obviously that we can do with this and this one's not only just one screen This one's a side-scrolling One where we can move left right and the camera follows the player, but there's still world bounds So there's a boundary to the world. He's not gonna fall off the edge there anyway Things to think about And of course, that's mainly going out to my patreon supporters I will make this an option for future voting along with their options And it's whatever my patreon supporters wants since they're the ones supporting me Thank you for watching and as always please visit my website films by Chris calm That's Chris of the K. There should be a link in a script Be sure to like share subscribe comment, you know subscribe so that you don't miss any more these roles If I do end up doing more on this topic as always have a great day