Introduction to HTML5 Game Development with Phaser3 and Phaser Editor2D

Yudiz Solutions
2 min readAug 2, 2022
Introduction to HTML5 Game Development with Phaser3 and Phaser Editor2D

Overview

Game Development is most trending branch of Software Development. When thinking of creating games, we always use an application to install and play it on our devices and consoles. The HTML5 Specifications introduced numerous APIs to enable Game Development of the Web, allows our games to reach as many users of different computing devices. Phaser is a popular Game Framework that quickly enables us to build games for the web.

In this Series of Blogs, we will be covering the Development of HTML5 Games in Phaser3 and PhaserEditor2D. Let’s Start!

What is Phaser3?

Phaser is a game framework for making 2d HTML5 games for desktop and also mobile. Phaser is free of cost and easy to understand. Phaser 3 is the latest version of the Phaser Framework.

Why use Phaser?

Phaser is very useful game engines for the Web games using JavaScript. Phaser is a free framework. Phaser allows to render game across different platforms. Phaser is powerful and easy to use if you want to start your own game.

What is PhaserEditor2D?

Phaser Editor is IDE to develop HTML5 2d games. This is third-party project of Richard Davey at Photon-Storm. Phaser Editor is easy to understand and use.

Phaser Editor has great Phaser documentation and offline Phaser and Editor documentation. There are so many project template in phaser editor. Phaser Editor provide friendly and complete texture atlas packer, audio sprites builder.

By using Phaser Editor we can develop clean and reusable code structure, Phaser Editor provide some feature like Prefabs, Asset Manager and also animation editor.

Installation of PhaserEditor2D

For Installation, Go to the following Link https://phasereditor2d.com/downloads/

There are 2 Types of PhaserEditor2D Options available:

1.PhaserEditor2D Core

  • Provides a Basic Code Editor
  • There are Online Project Templates available

2.PhaserEditor2D All-in-One

  • Provides Advanced JavaScript Code Editor
  • There are different Offline Project Templates available

Original Source : HTML5 Game Development

--

--

Yudiz Solutions

Yudiz Solutions aims to empower brands and online businesses with excellent digital solutions and web application services. www.yudiz.com/game-development