Learn Game Development with Phaser And JavaScript

Name: Learn Game Development with Phaser And JavaScript
Rating: 3.2 (6 reviews)

Start building your own games using HTML and JavaScript

Created byEduonix Learning Solutions

Last updated 6/2021

English

English [Auto],

What you'll learn

Learn to build your own games using the phaser game engine
Learn to build games just using HTML and JavaScript

Course content

3 sections • 36 lectures • 5h 51m total length

Course Introduction4:29
Explore the basics of game development with Phaser and JavaScript, in a beginner-friendly course. Build a browser-based demo with stars, bombs, and a scoring system while learning engine internals.

Section Introduction1:02
Learn to set up a scalable Phaser 3 development environment with VS Code, organize assets and source code, enable source control, npm, linting, a web server, and FEMA specification code.
Installing Editor (VScode)7:16
Install Visual Studio Code as the editor for Phaser 3 and JavaScript projects. Enable auto completion, boilerplate support, and linting and beautification extensions to streamline coding.
Installing Editor (VScode) - Part 24:25
Installing and setting up Git10:54
Install and configure git for game development, enabling collaboration with Visual Studio Code integration. Initialize a repository, add changes, commit with messages, and push or pull to share work.
Installing and using NPM6:02
Installing and using NPM - Part 212:34
Booting up Phaser3:43
Configuring Webpack and Babel14:59
Configure webpack and babel to enable live browser reload and multi-file bundling for Phaser projects, including a dev server, babel presets, class properties plugin, and asset copying.
Configuring Webpack and Babel - Part 24:35
External Tools (linter, esbuild)1:42

Section Introduction0:59
Functional Programming vs Object Oriented Programming1:23
Functional Programming vs Object Oriented Programming - Part 211:37
Anonymous Functions / Lamdas8:46
Explore anonymous functions and lambda (arrow) functions in JavaScript, learn to assign them to variables, use them for callbacks, and grasp scope and immediate invocation.
Object Literals / Classes14:29
Callbacks / Asynchronous Event listeners13:50
Explore callbacks as the backbone of concise event systems in game development with Phaser and JavaScript, including asynchronous methods, event emitters, and handling success and failure via callbacks.
Section Introduction1:01
Explore game design theory and think like a designer, then discover design documents, maps, pillars, and prototyping tools to align your team and prototype art and music.
Mind Maps4:02
Design Documents12:54
Team work tools6:49
Section Introduction1:30
Init / Create / Update game cycles30:16
Develop a phaser game demo by implementing init, create, and update game cycles, loading assets in preload, and configuring arcade physics for a sky scene.
Importing and adding our assets12:01
Making a moveable character11:50
Physics Animation15:34
Learn to build a Phaser and JavaScript platformer by mapping cursor keys to left, right, and jump, applying physics, velocity, and animations, and setting up end conditions with score.
Basic End condition7:52
In this Phaser and JavaScript demo, learn to implement a score system by creating a score text, updating it on star collection, and handling game over with restart.
BogusStars and Camera33:12
Cache Restart21:15
Paths20:32
Main Menu26:26
Section Introduction0:51
Enhance the game experience with full-screen immersion, screen shake on bomb collisions, lasting effects, and sound with attenuation to ramp difficulty and bring the game to life.
Flashing effects5:12
Enable full screen in your Phaser game by triggering start full screen on a pointer up event with a full screen options object, then center the viewport.
Screen shake effects3:59
Getting sound effects11:16
END and Salutations2:01

Requirements

Basic knowledge of JavaScript and HTML is enough for completing this course

Description

Upskill with Phaser 3 for developing your favorite games from scratch!

This course is for aspiring game developers who want to up their game designing skills with Phaser 3 & JavaScript. Phaser is a powerful engine built-in JavaScript that doesn’t get in your way, allowing for platform-agnostic games to reach wide audiences on multiple platforms.

With this course, you will be learning all the fundamentals of game development & Phaser 3 along with physics systems, event systems, animation systems, and various popular tools. All these will help you to advance your game designing knowledge.

Why Should You Learn Phaser 3?

It is highly efficient & has rich tool objects.
Developing games is extremely quick.
Comes with excellent rendering capabilities.
Numerous sample codes are available on the website for giving the first try.

How This Course Can Help You?

This course teaches you Phaser 3 for game development with JavaScript programming. With the basic knowledge of JavaScript, this course will prep you up for developing games that will work on phones & browsers. As it will unfold, you will learn all the concepts & theories for building a game, environment development & scalable workflows.

Initially, you will get an overview of all the technologies, then you will learn the setup of the Phaser 3 game development environment. Once the basics are done, it will walk you through the game designing & development process. It will also cover NPM, Git, Webpack, Sprite & sequencing 2D animations. Upon completion, you will be confident to build complex games with animations, AI, & state formations with Phaser 3.

Major Topics That You Will Learn

Intro to game development
Intro to Phaser & JavaScript
Phaser setup
JavaScript programming
Game design theory
Creating scenes, objects, characters
Game movement, collisions, sores, game levels
Effects- Flashing, screen shake, sound, music

Who this course is for:

Anyone who wants to start game development will find this course very useful

Learn Game Development with Phaser And JavaScript

What you'll learn

Explore related topics

Course content

Overview of the course1 lecture • 4min

Installation and Environment Setup10 lectures • 1hr 7min

Javascript Review25 lectures • 4hr 40min

Requirements

Description

Who this course is for: