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.
Skill level
BeginnerTime to complete
Average based on combined completion rates — individual pacing in lessons, projects, and quizzes may vary27 hoursProjects
24Prerequisites
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 • 13 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!
Certificate of completion available with Plus or Pro
Earn a certificate of completion and showcase your accomplishment on your resume or LinkedIn.
Projects in this skill path
- practice Project
Kelvin Weather
In this project, we're going to practice variables and printing to the console in JavaScript so you can hone your skills and feel confident taking them to the real world. Why? You've got to master the basics. Get comfortable with these fundamentals. - practice Project
Dog Years
In this project, we're going to practice variables and strings in JavaScript so you can hone your skills and feel confident taking them to the real world. Why? These concepts will help you use your data to output information to your users. - practice Project
Magic Eight Ball
Build a virtual Magic Eight Ball using control flow in JavaScript. You’ll practice building decision-making into your programs and gain confidence in writing more robust JavaScript code.
Earn a certificate of completion
Show your network you've done the work by earning a certificate of completion for each course or path you finish.- Show proofReceive a certificate that demonstrates you've completed a course or path.
- Build a collectionThe more courses and paths you complete, the more certificates you collect.
- Share with your networkEasily add certificates of completion to your LinkedIn profile to share your accomplishments.
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.ChrisCodecademy 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.RodrigoCodecademy Learner @ UK
- Brilliant learning experience. Very interactive. Literally a game changer if you're learning on your own.John-AndrewCodecademy Learner @ USA
Our learners work at
Skill paths help you level-up
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.Get step-by-step guidance
We guide you through exactly where to start and what to learn next to build a new skill.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.StartLooking for something else?
Related resources
- Article
HTML5 Game Development with Phaser
Learn about HTML5 game development with one of the most popular frameworks, Phaser! - Article
Developing Phaser 3 Games Locally
Learn how to develop Phaser 3 games locally on your own computer. - Article
Why JavaScript Is Essential
Learn what is JavaScript and why it is the most popular programming language. Discover its history, web development role, backend capabilities, and future potential in technology.
Related courses and paths
- Free course
Learn Game Development with Phaser.js
Learn about the HTML5 game development framework that makes writing browser-based games a breeze.Intermediate7 hours - Free course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner Friendly15 hours - Free course
Learn Phaser.js: Fundamentals
Learn about the HTML5 game development framework that makes writing browser-based games a breeze.Intermediate2 hours
Browse more topics
- Game development272,779 learners enrolled
- JavaScript3,033,062 learners enrolled
- Code foundations7,959,807 learners enrolled
- Computer science6,427,954 learners enrolled
- Web development5,336,188 learners enrolled
- Data science4,880,869 learners enrolled
- Python3,938,014 learners enrolled
- For business3,734,027 learners enrolled
- Data analytics2,822,095 learners enrolled
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.