shadersSubscribe to RSS - shaders

Creating PIXI.js filters using WebGL

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.

WebGL Tutorial

Overview

WebGL (Web Graphics Library), based on OpenGL ES 2.0 provides JavaScript API for rendering 3D graphics. It is supported by majority of the desktop and mobile browsers. Internet Explorer announced its support with IE 11 with Windows 8.1. WebGL is fully supported by Tizen platform. This technology enables the developers to create applications that can run on multiple platforms.