What Will I Learn?
- You will learn how to generate enemies at random locations on the screen.
- You will learn how to generate enemies with a consistent time gap in between each enemy.
- You will learn how to prevent enemies being generated at the same location as the player.
- You will learn how to check for collisions between any of the enemies and the bullets.
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
- Phaser Lesson 5: Collision Detection with Arcade Physics
- Phaser Lesson 6: Groups of Objects
- Phaser Lesson 7: Firing bullets
Posted on Utopian.io - Rewarding Open Source Contributors
An amazing video you made @magicmonk and I appreciate it a lot that you have shared with us your knowledge about HTML5. This is very helpful for developers who are a starter in making games using HTML5. It's actually a very good post and you are doing great on the video tutorial. Thanks for sharing this information with us. Keep up the good work :)
Thanks for posting these! These tutorials explain a lot about the games of my wasted youth!
Your contribution cannot be approved because it does not follow the Utopian Rules.
Utopian.io is a place for new and original content and your videos are from August, 2015.
You can contact us on Discord.
[utopian-moderator]
thanks