Skill Path

Create Video Games with Phaser.js

It’s easy to get lost in the flow of a good game. But behind every power-up and boss battle is simple code that brings the game to life.

Includes Phaser.js, JavaScript, Animations, Sprite Manipulation, Audio Effects, Game Physics, and more.

To start this Skill Path, upgrade your plan.
64,278 learners enrolled
  • Skill level

    Beginner
  • Time to complete

    27 hours
  • Certificate of completion

    Yes
  • Prerequisites

    None

About this skill path

In this Skill Path, you will learn how to translate abstract game mechanics into code and play your creation, create interactive elements using the fundamental language of the internet and implement one of the most popular HTML5 game frameworks.

Skills you'll gain

  • Write JavaScript code
  • Build games from scratch
  • Use the Phaser.js library

Syllabus

8 units • 18 lessons • 24 projects • 12 quizzes
  • 1

    Learn JavaScript Basics

    Learn the basics of JavaScript to get started with syntax, variables, and conditionals. Then use your knowledge to build out a Phaser game.

  • 2

    Learn JavaScript: Function and Scope

    Develop your JavaScript skills further by learning functions and scope to complete the game, “Mole Unearther”.

  • 3

    Learn JavaScript: Arrays and Loops

    Learning how to use arrays to create lists and then loops will serve you well as a programmer (and pirate in “Treasure Hunter”).

  • 4

    Learn JavaScript: Higher Order Functions and Iterators

    Learn how to incorporate higher order functions and iterators into your programming toolbelt. Then try your skills in “Cube Matcher”.

  • 5

    Learn JavaScript: Objects

    Expand the possibilities of what you can code by incorporating objects. Test your understanding in the game, “Electric Mouse”.

  • 6

    Learn Phaser Basics and Physics

    Get started with learning the basics of the Phaser framework and then leveling up with physics.

  • 7

    Learn JavaScript Classes and Phaser Animations

    Expand your JavaScript knowledge with classes and incorporate that into Phaser. Also, bring your sprites to life using Phaser animations!

The platform

Hands-on learning

Animated GIF of an AI provided error explanation within Codecademy's learning environment
Mobile-friendly version of a lesson and code editor for the course 'Introduction to HTML' running in Codecademy's learning environment
An AI-generated hint within the instructions of a Codecademy project
Animated GIF of a mouse cursor hovering over the Python term "comment" displaying a Docs tooltip within a Codecademy lesson
Animated GIF of Jupyter notebook integrated within a course titled 'Merging Datasets' running in Codecademy's learning environment

Reviews from learners

  • The progress I have made since starting to use codecademy is immense! I can study for short periods or long periods at my own convenience - mostly late in the evenings.
    Chris
    Codecademy Learner @ USA
  • I felt like I learned months in a week. I love how Codecademy uses learning by practice and gives great challenges to help the learner to understand a new concept and subject.
    Rodrigo
    Codecademy Learner @ UK
  • Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.
    John-Andrew
    Codecademy Learner @ USA

Our learners work at

  • Google Logo
  • Meta Logo
  • Apple Logo
  • EA Logo
  • Amazon Logo
  • IBM Logo
  • Microsoft Logo
  • Reddit Logo
  • Spotify Logo
  • Uber Logo
  • YouTube Logo
  • Instagram Logo
How it works

Skill paths help you level-up

  1. Get a specialized skill

    Want to level up at work? Gain a practical, real-world skill that you can use right away to stand out at your job.
  2. Get step-by-step guidance

    We guide you through exactly where to start and what to learn next to build a new skill.
  3. Get there quickly

    We’ve hand-picked the content in each Skill Path to fast-track your journey and help you gain a new skill in just a few months.

Ready to learn a new skill?

Get started on Create Video Games with Phaser.js with a free Codecademy account.

Looking for something else?

Browse more topics

View full catalog

What's included in skill paths

  • Practice Projects

    Guided projects that help you solidify the skills and concepts you're learning.
  • Assessments

    Auto-graded quizzes and immediate feedback help you reinforce your skills as you learn.
  • Certificate of Completion

    Earn a document to prove you've completed a course or path that you can share with your network.