Phaser Ts Boilerplate

screenshot of Phaser Ts Boilerplate

The boilerplate for Phaser 2 we use internally at Azerion

Overview

The Azerion Phaser Boilerplate is a HTML5 game development tool that focuses on fixing bugs, working around browser issues, and integrating analytics and advertising. It assumes that the user has basic knowledge of webpack, npm, and TypeScript. The boilerplate provides a simple setup for cloning the game repository and making changes to ID's in the webpack.base.config.js file. It also includes commands for development and production builds.

Features

  • Core functionality for bug fixing, browser issue handling, analytics, and advertising
  • Simple setup process for cloning the game repository and making necessary changes
  • Development command that starts webpack-dev-server/browsersync and opens the game in a browser tab
  • Production commands for compiling, minifying, and adding a version number to the code and assets
  • Integration guidelines for setting up analytics and ads with Google Analytics, Game Analytics, and GameDistribution
  • Separation of game logic, game states, object classes, and utility files in specific folders
  • Image handling and implementation instructions for game assets

Summary

The Azerion Phaser Boilerplate is a comprehensive tool for HTML5 game development that focuses on fixing bugs, working around browser issues, and integrating analytics and advertising. It provides a simple setup process and commands for development and production builds. The boilerplate also guides users on how to configure analytics and ads, organize game logic and states, and handle game assets. Overall, it offers a solid foundation for building HTML5 games with Phaser.

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.