The Complete Mobile Game Development Course with Phaser

Learn iOS and Android Game Development from total scratch with JavaScript, HTML5, Phaser and Cordova
4.6 (64 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
576 students enrolled Bestselling in HTML5
$19
$200
90% off
Take This Course
  • Lectures 102
  • Length 10 hours
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 1/2016 English

Course Description

The Complete Mobile Game Development Course is a comprehensive video tutorial that teaches you how to create mobile games using JavaScript + the Phaser library, and how to publish them to iOS, Android and Amazon.

Learn by Making Real-World Projects

This course has been our most ambitious project up to date, and it incorporates all the feedback and experience gained over the years teaching game development.

This course is built around the concept of learning by creating Real-World projects. The ultimate goal is that all the skills you gain in the course are really valuable for your career in an industry you love.

Games included

  • Farm animal toddlers game
  • Virtual pet game
  • Platformer Super Mario game
  • Multi-level spaceship game
  • Candy Match-3 game

Besides making games you’ll also gain valuable app and web development skills

  • Become a proficient JavaScript and HTML5 developer.
  • Understand the hybrid app development process.
  • How to publish to the iOS and Android platforms using the Intel XDK.

What are the requirements?

  • Basic JavaScript, HTML and CSS knowledge is required
  • A code editor
  • A web browser
  • Students need to install a local web server to run the course examples

What am I going to get from this course?

  • Create mobile games using the Phaser JavaScript library
  • Understand the process of building hybrid apps and games with Cordova
  • Publish their games to the Apple Appstore, the Google Playstore and the Amazon Appstore

What is the target audience?

  • Motivated students with basic JavaScript knowledge who are passionate about games and want to make their own

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Course Intro
04:13

In this lesson we introduce the Phaser library.

06:10

In this lesson, you will learn:

- What is a web server.

- Why you need one to load Phaser games.

- What are some quick options to install.

Article

In this lesson you can download all the course source code and asset files.

Section 2: Game #1 - Farm Animals Toddlers Game
01:12

In this lesson we'll introduce the game we are building in this first module.

05:38

In this lesson, you will learn to:

- Show folder structure

- Mobile meta tags

- Creating a new Phaser game

- Creating a State

03:23

In this lesson, you will learn to

- Show an image on the screen

03:20

In this lesson, you will learn to:

- Understand the concept of sprite anchor point.

- Place images in the center of the world.

02:37

In this lesson, you will learn to

- Grow or reduce the size of an image.

01:55

In this lesson, you will learn to:

- Flip an image on X and/or Y.

03:23

In this lesson, you will learn to:

- Rotate a sprite around the image anchor point.

- Using the update method to rotate a sprite over time.

04:00

In this lesson, you will learn to:

- Make the game scale to fit the screen size, keeping the aspect ratio.

- Center a game horizontally and vertically.

- Use Chrome to simulate phone screen sizes.

06:42

In this lesson, you will learn to:

- Listen to input events on sprites.

- Listen to pixel perfect user input.

05:26

In this lesson, you will learn to:

- Create a group of sprites.

04:40

In this lesson, you will learn to:

- Access and modify the newly created elements of a group.

05:47

In this lesson, you will learn to:

- Implement animal switching with the arrows in our game.

04:58

In this lesson, you will learn to:

- Implement tween animations.

02:57

In this lesson, you will learn to:

- Execute a function when a tween animation is finished.

05:08

In this lesson, you will learn to:

- Implement a spritesheet animation.

04:03

In this lesson, you will learn to:

- Find free sounds to use in your games.

- Transform sound formats with Audacity.

- Cut a sound in Audacity.

04:23

In this lesson, you will learn to:

- Load and play audio files in Phaser.

05:25

In this lesson, you will learn to:

- Show and format text.

04:20

In this lesson, you will learn to:

- Find free artwork that can be used in games

- Understand the importance of licenses

Section 3: Game #2 - Virtual Pet
01:57

In this lesson we introduce the Virtual Pet project that we create in this module.

08:20

In this lesson, you will learn to:

- Setup the basic game structure

- Show some sprites on the screen

07:31

In this lesson, you will learn to:

- Enable “draggable” behavior on a sprite

- Enable user input in items

07:48

In this lesson, you will learn to:

- Implement item selection logic

- Modify the transparency of a sprite

05:21

In this lesson, you will learn to:

- Rotate the pet using a Tween animation

05:35

In this lesson, you will learn to:

- Place the selected item on the background

07:51

In this lesson, you will learn to:

- Place new items on the background according to user selection

- Move the pet towards the new item

05:38

In this lesson, you will learn to:

- Implement a spritesheet animation for the pet

- Destroy the consumed item

05:49

In this lesson, you will learn to:

- Show updated game stats

07:22

In this lesson, you will learn to:

- Implement a timer loop

- Implement a timed action

- Restart the game

06:33

In this lesson, you will learn to:

- Implement multiple states in different files

06:11

In this lesson, you will learn to:

- Understand the Boot state

06:37

In this lesson, you will learn to:

- Implement a loading screen

- Implement a progress bar

08:14

In this lesson, you will learn to:

- Implement a home screen

- Pass values from one state to another

Section 4: Game #3 - Platformer Monster Kong
01:55

In this lesson we introduce the Monster Kong project that we create in this module.

05:27

In this lesson, you will learn to:

- Implement the basic structure of the game.

07:17

In this lesson, you will learn to:

- Initiate Phaser´s arcade physics engine.

- Enable physical properties on a sprite.

- Set gravity in a game.

05:27

In this lesson, you will learn to:

- Implement collision and overlapping checks between sprites.

07:24

In this lesson, you will learn to:

- Implement platformer controls with the keyboard.

05:21

In this lesson, you will learn to:

- Show on-screen touch controls for a platformer game.

06:05

In this lesson, you will learn to:

- Implement the logic for the on-screen touch controls.

05:49

In this lesson, you will learn to:

- Create a group for all platforms.

- Enable physics and check collision for the group.

03:58

In this lesson, you will learn to:

- Define the size of the game world.

- Attach a camera to a sprite.

07:51

In this lesson, you will learn to:

- Load external text files with level data in JSON format.

05:18

Implement a walking animation for the player.

07:39

In this lesson, you will learn to:

- Add animated bump fires from the external file.

05:05

In this lesson, you will learn to:

- Place a goal gorilla sprite to beat the game.

08:49

In this lesson, you will learn to:

- Implement a pool of objects to save memory.

- Introduce the concept of the Garbage Collector.

07:39

In this lesson, you will learn to:

- Create barrels that rolls down from the gorilla.

- See the pool of objects in action.

02:42

In this lesson, you will learn to:

- Start making games even when you don´t have any artwork.

Section 5: Game #4 - Spaceship Game
01:19

In this lesson we introduce the Space Hipster project that we create in this module.

06:45

In this lesson, you will learn to:

- Get familiar with the Intel XDK to develop and emulate a game.

07:20

In this lesson, you will learn to:

- Show the project structure

- Show a moving stars background

07:16

In this lesson, you will learn to:

- Add the player

- Move the player according to the location of the user input

04:41

In this lesson, you will learn to:

- Create a pool of objects for player bullets

- Use a timer with a loop to carry out bullet creation

10:39

In this lesson, you will learn to:

- Create prefabs to represent game entities with default properties

- Extend the Sprite class

06:55

In this lesson, you will learn to:

- Implement the Enemy prefab

- Understand the enemy behaviors we need to implement

- Create an instance of a prefab

07:49

In this lesson, you will learn to:

- Implement enemy movement logic

- Create a custom update method in a prefab

08:50

In this lesson, you will learn to:

- Make player bullets damage enemies

- Use the damage method all Sprites have

- Overwrite damage to add custom logic

07:04

In this lesson, you will learn to:

- Understand particle effects

- Create explosions with particles

10:07

In this lesson, you will learn to:

- Implement a prefab for enemy bullets

- Implement a pool of objects for all enemy bullets

- Make the enemies shoot

06:33

In this lesson, you will learn to:

- Make the enemy prefab extend the reset method to have more parameters

01:40

In this lesson, you will learn to:

- Pause and resume the timer of the enemies

04:25

In this lesson, you will learn to:

- Implement a pool of objects for the enemies

10:30

In this lesson, you will learn to:

- Represent a level using a JavaScript object

- Load level data from an object

06:08

In this lesson, you will learn to:

- Implement generic multi-level functionality

03:51

In this lesson, you will learn to:

- Load level data from external JSON files

- Work with multiple levels and JSON files

03:27

In this lesson, you will learn to:

- Load a retro 8-bit soundtrack

Section 6: Game #5 - Candy Matching Game
02:08

In this lesson we introduce the Candy Matching game that we create in this module.

08:41

In this lesson, you will learn to:

- Show the project structure and files

- Initiate the Board grid

09:25

In this lesson, you will learn to:

- Populate both grids with blocks of a random variation

07:54

In this lesson, you will learn to:

- Swap two blocks

- Check whether two blocks are adjacent

08:38

In this lesson, you will learn to:

- Check whether a block is located in a chain

03:30

In this lesson, you will learn to:

- Find all the chains in the board

02:40

In this lesson, you will learn to:

- Assign zero to all the chained blocks in the grid

05:08

In this lesson, you will learn to:

- Drop a block within the main grid

- Drop a block from the reserve grid to the main grid

10:05

In this lesson, you will learn to:

- After clearing the chains, make blocks fall to cover empty cells

- Use blocks from the reserve to fill remaining empty cells

06:18

In this lesson, you will learn to:

- Add a method to create blocks in Phaser

- Implement a pool of objects to allow object recycling

06:46

In this lesson, you will learn to:

- Show the board on the screen

- Add semi-transparent squares on each cell

07:15

In this lesson, you will learn to:

- Add a custom kill method for blocks

- Kill blocks from the Board model, when chains are cleared

08:55

In this lesson, you will learn to:

- Represent blocks falling in the main (visible) grid and the reserve grid

09:16

In this lesson, you will learn to:

- Animate the swapping of two blocks

- If there are no chains, swap them back to their original positions

09:26

In this lesson, you will learn to:

- Allow the user to pick two blocks and swap them if it's allowed

05:49

In this lesson, you will learn to:

- Implement consecutive chains, so a single move can trigger multiple chains

- Fix some bugs

Section 7: Publishing to iOS and Android
03:45

In this lesson you will learn what hybrid apps are

04:54

In this lesson we'll take about Cordova, which is an Open Source tool to create hybrid apps

12:08

In this lesson we'll talk about the use of Cordova and the Intel XDK

03:31

In this lesson we'll introduce the concept of Cordova plugins.

05:28

In this lesson we'll discuss the differences between building your app with Cordova vs Crosswalk

09:14

In this lesson we'll explain how Phaser can be integrated with Cordova

06:02

In this lesson we'll prepare our game for the building process. This includes the main details and assets that need to be added to the project.

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Pablo Farias Navarro, Software Developer and Founder of ZENVA

Software developer and founder of ZENVA. Since 2012, Pablo has been teaching online how to create games, apps and websites to over 150,000 students through the Udemy and Zenva Academy platforms, and created content for companies such as Amazon and Intel.

Pablo is a member of the Intel Innovator Program in the Asia Pacific, and has run live programming workshops in San Francisco, Brisbane and Bangalore.

Pablo holds a Master in Information Technology (Management) degree from the University of Queensland (Australia) and a Master of Science in Engineering degree from the Catholic University of Chile.

Ready to start learning?
Take This Course