HTML5 Game Development with Phaser Lesson 5 - Collision Detection with Arcade Physics

What Will I Learn?

• You will learn how to activate the Arcade physics system on specific objects.
• You will learn how to detect collisions between objects.
• You will learn how to write a function to be called upon collision detection.
• You will learn how to destroy objects.
• You will learn how to use nested if statements and else if statements to make an object rotate according to multiple keys 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

• 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

---

Posted on Utopian.io - Rewarding Open Source Contributors

---