 Okay, this is going to be a quick overview of some software I wrote. It's Template using Phaser2D, which is a library used for creating 2D games in HTML5 that uses WebGL and also web acceleration. It uses Canvas as well as a fallback feature. It's very easy to use. I do recommend you look at some basic code before diving into a larger project because you can write a simple little game with just a little bit of code in one line. I created this template basically to allow you to have a load screen, a main menu, an info menu, and links to different scenes or levels. It's just basically a game I wrote that has no goal to it that you can just use to start off your projects once you get into a little larger projects. If you go to github.com, my username is MetalX1000, so if you go to github.com MetalX1000, click on Repositories and find the one that says Phaser Game Template. You can search through here. I've got a lot of code up on Github that you can go through. We're going here and there's a list of all the code you can look at. You can obviously download it in a zip file or use git to download it. There's the code. We're going to go more into that in the next video actually looking over the code, but this is just an overview of what the game template looks like. I do have it running live on my web server. My web server checks for updates on github every hour, so any changes I make will automatically be updated to my website, so you can try out the latest version just by clicking on the link down here in the readme file, which is filmsbychris.com forward slash scripts, Phaser Game Template, Capital P, Capital G, Capital T, but you can just click on the link there. There you go. You may hear some music playing. I do have a mute button for the music. When you do click on it, I have it set to go straight to full screen when you click on it. By default, I have it set in vertical mode, but as far as changing that to landscape mode, I'll show you more in the next video when we look at the code, but it's basically commenting out one line and uncommenting another line and you'll be in landscape mode. Once you click or on a tabular phone touch the game, it goes full screen. As I said, there's a mute button for the music. I have some default music and default text here, which are all PNGs, which you can go ahead and change. The animation is in the code, so once you change the PNG and the files, there you go. You're good to go there. It's my fun game. It's the default title. You have a play and an info button and a little bit of a whatever you want on the bottom logo here. I gave a little shout out to the guy who did the music for this. If we click play, I made the simple little character type select screen. You're not actually selecting a character, but when you click them, they move to the side. One thing I need to work on here is if you double click, it starts bringing out. If you just keep on clicking, it starts shooting out a bunch of guys and they get overlapped like that. A little glitch, but again, it's just a template. You're going to overwrite a lot of this. Click me will bring you into the game. I just made a very basic level with a repeating texture down here at the bottom, an exit button, a title. These characters I put in here, when you move the mouse over them, or a tablet, touch them with your finger, or a phone touching with your finger, they make a little noise and bounce up. Every so often, a new one will drop in from one side of the screen. That's it. I just wanted to give you basics here. You have collision with the mouse cursor, collision with the ground. You have physics with the gravity, stuff that you're going to have in most games. You have directionals and each character moves at their own speed, which changes every time they collide with the edge of the level. So this character might be walking slower now and he might speed up or slow down more when he touches the other side there. You can see this guy right here is running really fast. So really no goal to it. They'll just keep coming and you click on them and they bounce up. You know, it's just fun to play with, but I just wanted to throw something together that has a lot of the basic things you'll be using in a game. There would be music playing if I didn't mute it on the home screen. And again, physics, collision, different types of collision, directional change, character animation, all stuff you need in a basic game. So next we'll hit exit. You have a little exit screen here. You can click here to start over and you're back at the main menu. I can unmute the music here, mute it again, and I can click info. These guys just falling. There's some gravity here, but I don't have any collision detection on the main menu just once you go into the play. But if we click info, it brings up a basic info box. And this is all inside a very simple little text file. So you can easily edit the text file to edit the info of the game. And you can click on that like by default, I have it. If you click on the license, it brings you to the license. If you click on, you know, the any of them, they all have links. And that's all in a very basic little text file. You can edit again, we'll look at more in the next video. So that's it. It's, you know, again, if I refresh, it's already loaded so that you didn't see the load screen, there is a load screen. You have your main menu, kind of like an entry level here. You have your main game, an exit screen and an info box. So again, template with all the basics you need to get your game going. Again, you know, if you're just starting out with phaser, I suggest just making a one page game. But as your game gets larger, you'll definitely want a load screen, which I have incorporated here. And this is something that, you know, I'm going to continue to add to, but you can definitely get the latest code over at GitHub. There should be a link in the description. Try to think if there's anything else I want to say about this, I just wanted to show you it before we get into the code. So hopefully there's an annotation on the screen, either to the next video or the full playlist. If you're not watching the playlist already, the next video will go over and just skim over and look at some of the code and play around with it. And I do want to mention, if you're unfamiliar with HTML5 game development, don't think that you need to have internet access every time you want to play this game. You can set games very easily by creating a manifest file that once the game loads on someone's tablet or phone or computer, if there's no internet connection, or even if there's the manifest file doesn't change, the game just loads locally. The only time it would reload is if you change stuff on the web server. So you don't need an internet connection after the game is loaded. You can close the browser. As long as you don't clear out your cache, the game will run on your computer locally without any internet connection. So don't be concerned about the fact that it's an HTML5 game, because HTML5 is a local, you know, it runs on your side. JavaScript is the main code that runs on the client side. That's one fear people think you need a web server to run this stuff. And although that's the easiest way to distribute it, another nice thing about this is you don't have to package it up. You don't have to worry about different operating systems. You just give someone a link. They load it up. They can create a shortcut on a desktop. You could package it up for Android devices or desktop devices of different operating systems. But it's just so much easier to give someone a link. And again, once it's loaded, they can show off their net access. They can turn off their machine, turn it back on when they go back there. If you haven't changed your manifest file, if you've created a manifest file, if you haven't changed it, it will load locally without the network and also makes it easy to do updates because you can change stuff on your web server and it will automatically change it the next time the person loads up the game. So keep that stuff in mind. Again, this is a template. There should be a link in the description. But if you go to github.com, forward slash mail x1000, search through my repositories for phaser game template, and just download the code and have fun. Again, next video, we'll look at the code. Thanks for watching. As always, I hope that you have a great day. Be sure to like, subscribe and share this video. And as always, I hope that you have a great day.