Developing Games in Phaser

Phaser is Desktop and Mobile HTML5 game framework. A fast, free and fun open source framework for Canvas and WebGL powered browser games. Majority of complex games on DTML platform are build in Phaser

Setting up your machine is a fairly straight forward process:

Prerequisites: You need to have git installed on your machine. Getting started with installing git.

The games are developed in Phaser framework. Phaser 2 or Phaser 3 version of Phaser. The version 3 is the next generation of the Phaser Game Framework. Every last element has been rebuilt from scratch using a fully modular structure, combined with a data-orientated approach. It includes a brand-new custom WebGL renderer designed specifically for the needs of modern 2D games.

DTML Games are open sourced and available on GitHub, so to start simply clone DTML github repository

$ git clone https://github.com/seattleuser/DTML.Games.git

Prerequisites: You would need node.js and npm (or yarn) to run the games. npm is a package manager for the JavaScript programming language. It is the default package manager for the JavaScript runtime environment Node.js. It consists of a command line client, also called npm, and an online database of public and paid-for private packages, called the npm registry. NPM is distributed with node.js: https://nodejs.org/en/

Once you have clone of the code, navigate to individual game folder and download required packages by using npm:

$ npm install

Each game is independent unit of code, so to run the development server switch to the individual game folder and type:

$ npm run dev

This will run a server so you can run the game in a browser. It will also start a watch process, so you can change the source and the process will recompile and refresh the browser automatically. To run the game, open your browser and enter http://localhost:3000 into the address bar.

When you are ready to deploy your game, you can run a deployment build:

$ npm run deploy

This will optimize and minimize the compiled bundle into src folder.