Author
Released
8/6/2014- Downloading the Phaser framework
- Creating your first Phaser project
- Building the preloader and menu states
- Creating and spawning entities
- Working with particles and emitters
- Detecting and handling collisions
- Detecting "game over"
- Adding sound effects and text
- Preparing for mobile deployment
Skill Level Beginner
Duration
Views
(slow electronic piano music) - [Voiceover] Hi, I'm Joseph Labrecque, and welcome to HTML5 Game Development with Phaser. In this course, we're going to use the Phaser game development framework to build out a cross-platform game. Phaser is a fun, free, and fast 2-D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. We'll start with an overview of how to gather assets, including the Phaser game development framework, how to generate image and sprite sheet game assets with Flash Professional CC, and acquiring text and audio files.
We'll then configure a new game project, using the Brackets Editor, using the Phaser state system with full Bootstrapping and preloaders. We then go about building up our game entities and functionality, using Phaser sprites, groups, animations, tweens, emitters, physics, and more, wrapping it all up with the integration of player feedback and sound integration. We've got a lot to build, so let's start doing Game Development with Phaser.
Related Courses
-
Introduction
-
Welcome1m 4s
-
-
1. Setting Up Phaser
-
Choosing a code editor2m 28s
-
Image assets3m 42s
-
Preparing fonts1m 59s
-
Music and sound effects1m 57s
-
2. Configuring Loaders and States
-
Creating your Phaser project2m 33s
-
Bootloader setup5m 5s
-
Building the preloader6m 18s
-
Building the menu state5m 4s
-
-
3. Populating the World
-
Building the world2m 57s
-
Generating bunnies6m 9s
-
Bunny movement7m 7s
-
Spawning enemies5m 38s
-
-
4. Functionality
-
Particles and emitters5m 32s
-
Handling emitter collisions2m 25s
-
Friendly fire2m 4s
-
Bunny death3m 27s
-
-
5. Wrapping Things Up
-
Detecting game-over2m 1s
-
Adding countdown text2m 39s
-
Adding "Game Over" text5m 13s
-
Adding sound effects5m 49s
-
Preparing for mobile1m 25s
-
-
Conclusion
-
Conclusion49s
-
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Welcome