Join Joseph Labrecque for an in-depth discussion in this video Choosing a code editor, part of HTML5 Game Development with Phaser.
With Brackets installed, we'll need to create a project folder in order to place our libraries inside that. So I'm going to create my project folder directly on the desktop. So create a new folder, and I will name this Bunny Defender, which is the name of the game we will be creating. Inside of our exercise files, navigate to 102 and here we'll find both a libs folder, which contains all the phaser files we downloaded. And also an index.html that serves as a template.
And add a simple black background color. One of the additional benefits of brackets, is that there's no need for an external web server to properly test our game files. Since brackets contains its own internal server. Accessible via the live preview function. To check this out, go over to the little lightning bolt icon here and click it. Brackets will open up a version of Chrome and will run it internal web server to display the content in our project. Of course we don't have anything yet so all we see is a black screen.
Now that we have anew project set up, we can begin gathering additional game assets.
- Downloading the Phaser framework
- Creating your first Phaser project
- Building the preloader and menu states
- Creating and spawning entities
- Working with particles and emitters
- Detecting and handling collisions
- Detecting "game over"
- Adding sound effects and text
- Preparing for mobile deployment