HTML5 Game Development with Phaser Lesson 6 - Groups of objects

What Will I Learn?

• You will learn how to use game.debug.text() method to display text on the screen at specified coordinates.
• You will learn how to use the core internal game clock and to display the time since the game started on the screen.
• You will learn how to display sprite info on the screen such as its coordinates and angles.
• You will learn how to create a groups of objects with certain conditions and enable arcade physics on every object.
• You will learn how to spawn an object (e.g. a bullet) at the same location as the player when a key is pressed.

Requirements

• Any text editor, preferably one with syntax highlighting for HTML & CSS (e.g. Adobe Dreamweaver, Notepad ++).
• Any web browser (preferably Google Chrome).
• I used the Windows operating system but you should be able to do this in Mac.
• You can test your files locally or you can upload to a server and test. If you want to upload to a server, you will need Web hosting as well as an FTP client to upload files (Adobe Dreamweaver has FTP functionality built in).
• You need to have downloaded Phaser (this was explained in lesson 1).

Difficulty

• Intermediate

You should already have some understanding of Javascript as the Phaser library is built on Javascript. You should already have done the previous tutorials in Phaser.

Description

In this series of lessons, we are going to code our first HTML5 / Javascript game, using the Phaser library. The source code of this lesson (and subsequent lessons as they are uploaded) can be viewed on Github at: https://github.com/Bulletproofmonk/PhaserGameTutorial

Video Tutorial

Curriculum

Place here a list of related video tutorials you have already shared on Utopian that make up a Course Curriculum, if applicable.

• Phaser Lesson 1: Setting up Game Dimensions
• Phaser Lesson 2: Importing Sprites
• Phaser Lesson 3: Moving object with arrow keys
• Phaser Lesson 4: Animation with spritesheets
• Phaser Lesson 5: Collision Detection with Arcade Physics

---

Posted on Utopian.io - Rewarding Open Source Contributors

---