Take this
course

Software Development / Mobile App Development

The Complete Mobile Game Development Course with Phaser

Learn iOS and Android Game Development from total scratch with JavaScript, HTML5, Phaser and Cordova

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.
Full details

Curriculum

  • Course Intro
    Introduction
    In this lesson we introduce the Phaser library.
    4:14
    Setting up a Local Web Server
    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.
    6:11
    Download Course Source Code and Assets
    In this lesson you can download all the course source code and asset files.
  • Game #1 - Farm Animals Toddlers Game
    Introduction
    In this lesson we'll introduce the game we are building in this first module.
    1:13
    Creating a New Phaser Game
    In this lesson, you will learn to: - Show folder structure - Mobile meta tags - Creating a new Phaser game - Creating a State
    5:39
    Loading a Sprite
    In this lesson, you will learn to - Show an image on the screen
    3:24
    Anchor Point
    In this lesson, you will learn to: - Understand the concept of sprite anchor point. - Place images in the center of the world.
    3:21
    Scaling
    In this lesson, you will learn to - Grow or reduce the size of an image.
    2:38
    Flipping
    In this lesson, you will learn to: - Flip an image on X and/or Y.
    1:56
    Rotating
    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.
    3:24
    Screen Scaling
    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.
    4:01
    User Input
    In this lesson, you will learn to: - Listen to input events on sprites. - Listen to pixel perfect user input.
    6:43
    Groups
    In this lesson, you will learn to: - Create a group of sprites.
    5:27
    More on Groups
    In this lesson, you will learn to: - Access and modify the newly created elements of a group.
    4:41
    Switching Animals
    In this lesson, you will learn to: - Implement animal switching with the arrows in our game.
    5:48
    Tween Animations
    In this lesson, you will learn to: - Implement tween animations.
    4:59
    Tween Callbacks
    In this lesson, you will learn to: - Execute a function when a tween animation is finished.
    2:58
    Spritesheet Animations
    In this lesson, you will learn to: - Implement a spritesheet animation.
    5:09
    Audacity Basics
    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.
    4:04
    Adding Sound
    In this lesson, you will learn to: - Load and play audio files in Phaser.
    4:24
    Adding Text
    In this lesson, you will learn to: - Show and format text.
    5:26
  • Game #2 - Virtual Pet
    Introduction
    In this lesson we introduce the Virtual Pet project that we create in this module.
    1:58
    Basic Structure
    In this lesson, you will learn to: - Setup the basic game structure - Show some sprites on the screen
    8:21
    Draggable Pet
    In this lesson, you will learn to: - Enable “draggable” behavior on a sprite - Enable user input in items
    7:32
    Item Selection
    In this lesson, you will learn to: - Implement item selection logic - Modify the transparency of a sprite
    7:49
    Rotating the Pet
    In this lesson, you will learn to: - Rotate the pet using a Tween animation
    5:22
    Placing Items
    In this lesson, you will learn to: - Place the selected item on the background
    5:36
    Moving the Pet to the Item
    In this lesson, you will learn to: - Place new items on the background according to user selection - Move the pet towards the new item
    7:52
    Pet Spritesheet Animation
    In this lesson, you will learn to: - Implement a spritesheet animation for the pet - Destroy the consumed item
    5:39
    Game Stats
    In this lesson, you will learn to: - Show updated game stats
    5:50
    Decreasing Pet Stats
    In this lesson, you will learn to: - Implement a timer loop - Implement a timed action - Restart the game
    7:23
    Multiple States
    In this lesson, you will learn to: - Implement multiple states in different files
    6:34
    Boot State
    In this lesson, you will learn to: - Understand the Boot state
    6:12
    Loading Screen
    In this lesson, you will learn to: - Implement a loading screen - Implement a progress bar
    6:38
    Home Screen
    In this lesson, you will learn to: - Implement a home screen - Pass values from one state to another
    8:15
  • Game #3 - Platformer Monster Kong
    Introduction
    In this lesson we introduce the Monster Kong project that we create in this module.
    1:56
    Basic Structure
    In this lesson, you will learn to: - Implement the basic structure of the game.
    5:28
    Physics and Gravity
    In this lesson, you will learn to: - Initiate Phaser´s arcade physics engine. - Enable physical properties on a sprite. - Set gravity in a game.
    7:18
    Collision Detection
    In this lesson, you will learn to: - Implement collision and overlapping checks between sprites.
    5:28
    Keyboard Control
    In this lesson, you will learn to: - Implement platformer controls with the keyboard.
    7:26
    On-screen Controls – Part 1
    In this lesson, you will learn to: - Show on-screen touch controls for a platformer game.
    5:22
    On-screen Controls – Part 2
    In this lesson, you will learn to: - Implement the logic for the on-screen touch controls.
    6:06
    Platform Group
    In this lesson, you will learn to: - Create a group for all platforms. - Enable physics and check collision for the group.
    5:50
    Camera
    In this lesson, you will learn to: - Define the size of the game world. - Attach a camera to a sprite.
    3:59
    Loading JSON Files
    In this lesson, you will learn to: - Load external text files with level data in JSON format.
    7:53
    Player Animation
    Implement a walking animation for the player.
    5:19
    Fire
    In this lesson, you will learn to: - Add animated bump fires from the external file.
    7:40
    Level Goal
    In this lesson, you will learn to: - Place a goal gorilla sprite to beat the game.
    5:06
    Pool of Objects
    In this lesson, you will learn to: - Implement a pool of objects to save memory. - Introduce the concept of the Garbage Collector.
    8:50
    Bouncing Barrels
    In this lesson, you will learn to: - Create barrels that rolls down from the gorilla. - See the pool of objects in action.
    7:40
    Using Rectangles to get Started
    In this lesson, you will learn to: - Start making games even when you don´t have any artwork.
    2:43
  • Game #4 - Spaceship Game
    Introduction
    In this lesson we introduce the Space Hipster project that we create in this module.
    1:20
    Introducing the Intel XDK
    In this lesson, you will learn to: - Get familiar with the Intel XDK to develop and emulate a game.
    6:46
    Basic Structure
    In this lesson, you will learn to: - Show the project structure - Show a moving stars background
    7:21
    Adding the Player
    In this lesson, you will learn to: - Add the player - Move the player according to the location of the user input
    7:17
    Shooting Bullets
    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
    4:42
    Prefabs
    In this lesson, you will learn to: - Create prefabs to represent game entities with default properties - Extend the Sprite class
    10:40
    Enemy Movement
    In this lesson, you will learn to: - Implement enemy movement logic - Create a custom update method in a prefab
    7:50
    Damaging Enemies
    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
    8:51
    Particle Effects
    In this lesson, you will learn to: - Understand particle effects - Create explosions with particles
    7:05
    Enemy Bullets
    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
    10:08
    Reset Enemies
    In this lesson, you will learn to: - Make the enemy prefab extend the reset method to have more parameters
    6:34
    Pause Timer
    In this lesson, you will learn to: - Pause and resume the timer of the enemies
    1:41
    Enemy Pool
    In this lesson, you will learn to: - Implement a pool of objects for the enemies
    4:26
    Load Level
    In this lesson, you will learn to: - Represent a level using a JavaScript object - Load level data from an object
    10:31
    Multiple Levels
    In this lesson, you will learn to: - Implement generic multi-level functionality
    6:09
    Level JSON Files
    In this lesson, you will learn to: - Load level data from external JSON files - Work with multiple levels and JSON files
    3:52
    Soundtrack
    In this lesson, you will learn to: - Load a retro 8-bit soundtrack
    3:28
  • Game #5 - Candy Matching Game
    Introduction
    In this lesson we introduce the Candy Matching game that we create in this module.
    2:09
    Basic Structure
    In this lesson, you will learn to: - Show the project structure and files - Initiate the Board grid
    8:42
    Populate Grids
    In this lesson, you will learn to: - Populate both grids with blocks of a random variation
    9:26
    Swap and Check Adjacent Blocks
    In this lesson, you will learn to: - Swap two blocks - Check whether two blocks are adjacent
    7:55
    Is a Block Chained
    In this lesson, you will learn to: - Check whether a block is located in a chain
    8:39
    Find All Chains
    In this lesson, you will learn to: - Find all the chains in the board
    3:31
    Clear Chains
    In this lesson, you will learn to: - Assign zero to all the chained blocks in the grid
    2:41
    Drop Blocks
    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
    5:09
    Update Grid
    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
    10:06
    Create Block
    In this lesson, you will learn to: - Add a method to create blocks in Phaser - Implement a pool of objects to allow object recycling
    6:19
    Draw Board
    In this lesson, you will learn to: - Show the board on the screen - Add semi-transparent squares on each cell
    6:47
    Kill Block
    In this lesson, you will learn to: - Add a custom kill method for blocks - Kill blocks from the Board model, when chains are cleared
    7:16
    Block Dropping Animations
    In this lesson, you will learn to: - Represent blocks falling in the main (visible) grid and the reserve grid
    8:56
    Swap Blocks
    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
    9:17
    Pick Block
    In this lesson, you will learn to: - Allow the user to pick two blocks and swap them if it's allowed
    9:27
    Consecutive Chains
    In this lesson, you will learn to: - Implement consecutive chains, so a single move can trigger multiple chains - Fix some bugs
    5:50
  • Publishing to iOS and Android
    Intro to Hybrid Apps
    In this lesson you will learn what hybrid apps are
    3:46
    Intro to Cordova
    In this lesson we'll take about Cordova, which is an Open Source tool to create hybrid apps
    4:55
    Using Cordova and the Intel XDK
    In this lesson we'll talk about the use of Cordova and the Intel XDK
    12:09
    Hello World Cordova Plugins
    In this lesson we'll introduce the concept of Cordova plugins.
    3:32
    Cordova vs Crosswalk
    In this lesson we'll discuss the differences between building your app with Cordova vs Crosswalk
    5:29
    Cordova and Phaser
    In this lesson we'll explain how Phaser can be integrated with Cordova
    9:15
    Preparing for Building
    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.
    6:03
    Publishing to the Google Playstore
    In this lesson we'll go through the publishing process in the Google Playstore.
    10:37
    iOS Building Process Overview and Certificate
    In this lesson, we'll talk about the iOS building process, including the certificate generation process.
    5:58
    Ad Hoc Building
    In this lesson we'll talk about the Ad Hoc building process, which is used to distribute apps outside of the App Store.
    10:05
    Publishing to the Apple App Store
    In this lesson we cover the process of publishing an app to the App Store.
    7:33
  • Publishing to the Amazon App Store
    Intro to the Amazon Appstore
    In this video we introduce the Amazon Appstore.
    4:32
    Amazon developer account creation
    In this video we cover the steps to create a new developer account with Amazon. This is a free process.
    2:15
    HTML5 webapps and the Amazon Appstore
    In this lesson we talk about the role of webapps in the Amazon Appstore.
    6:30
    Publishing a HTML5 game to the Amazon Appstore
    In this lesson we cover the publishing process of an app.
    5:25

Skills

  • App Development
  • HTML5
  • JavaScript
  • Mobile App Development Platform
  • Mobile Game
  • Phaser

Similar Courses

More Courses by this Instructor