Introduction

PIXI.js 3.0 is a great library for creating 2d canvas games and animations. It's one of the most used canvas renderers over the Web. It also supports WebGL rendering, thanks to which most of the operations are executed by GPU instead of CPU. It comes with a nice filters feature that has great possibilites and is quite easy to use and extend. In this article we will focus on describing how to create a custom filter using Fragment shaders.

Introduction

Introduction

Introduction

Introduction

One of the most important issues in multimedia and game programming for any platform is the ability to measure the performance of your code on devices. You can do it by using diagnostic tools like profiling managers  (for example in the Google Chrome browser) or by using third party libraries dedicated to the measurement of efficiency.

Introduction

Introduction

Phaser.js is nowadays one of the most popular and versatile web game engines. It is supported by a big community and a formidable developer team. Amongst many of its features is the quick setup process and ease of use. It is also worth mentioning that phaser.js is based on the very efficient canvas and WebGL rendering engine – pixi.js. Any developer can easily start making games with phaser.js utilizing javascript.

Introduction