Asteroids Template in Phaser 3

A template based on the classic arcade game: Asteroids. This template is open-source and available on Github.

The project is built using Phaser 3 and TypeScript. You'll need NPM to install dependencies and Parcel to run the development server. The art used is from

This template is currently Work-in-Progress and does not support touch controls.

Try It!

Following features are implemented:

  • Ship controls with arrow keys
  • Collisions with asteroids
  • Ship can fire lasers
  • Ship and asteroids wrap around game screen
  • Score is calculated based on asteroid destroyed
  • Title screen with intro animation
  • Game Over screen
  • Uses Phaser 3 Arcade Physics
  • UI buttons using Bulma and Bulmaswatch
  • JSX support via jsx-dom
  • Google Fonts support via Web Font Loader
  • Structured for maintainability and expandability

Get the full source on Github to jump start your space shooter game!

Learn How It's Made

You can find a ton of great content on our blog to help you make games in Phaser.

But if you want a guided experience to learn how to create a Phaser project from scratch then check out our free email course for this template!

Each email will tackle a specific part of the process with clear steps for you to implement on your own.

We will even refer you to previous commits or specific examples from the Github repository.

It is hard--near impossible--to discern the evolution of code from a finished product. This email course will show you how a game is created at each step of the process.

We won't pretend that a fully formed structure and system magically dawned upon us and all we had to do was code it.

That's not how games are made.

Every step and refactor from zero to full game will be articulated in this free email course.

Sign up using the box below to get started!

Learn to make Asteroids with a Free Email Course!

We will take you through creating a full Asteroids game from scratch in Phaser 3.

We don't spam. Spamming is for jerks.