What Will I Learn?
- You will learn how to use states to structure your game into different .js files to make different menus and levels.
- You will learn how to switch between states using key presses.
- You will learn how to place the game we made previously into one state.
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
- Phaser Lesson 8: Randomly generating enemies
Posted on Utopian.io - Rewarding Open Source Contributors
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Thank you so much!!
Hey @magicmonk I am @utopian-io. I have just upvoted you!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Thank you Utopian!!
Thanks for the tutorials :)
Thank you for the contribution. It has been approved.
I LIKE THIS